title: Code 404 when fetching image in Django template
body: <p>I am trying to fetch some images located in a folder. The path is correct but they appear as broken link with code 404.
  MY files and configurations are as follows:
  settings.py</p>
  
  <pre><code>MEDIA_ROOT = os.path.join( PROJECT_DIR, 'media/images/uploads')
  
  # URL that handles the media served from MEDIA_ROOT. Make sure to use a
  # trailing slash.
  # Examples: "http://example.com/media/", "http://media.example.com/"
  MEDIA_URL = '/media/images/uploads/'
  
  # Absolute path to the directory static files should be collected to.
  # Don't put anything in this directory yourself; store your static files
  # in apps' "static/" subdirectories and in STATICFILES_DIRS.
  # Example: "/var/www/example.com/static/"
  STATIC_ROOT = os.path.join( PROJECT_DIR, 'static')
  
  # URL prefix for static files.
  # Example: "http://example.com/static/", "http://static.example.com/"
  STATIC_URL = '/static/'
  
  # Additional locations of static files
  STATICFILES_DIRS = (
      'C:\Users\omars_000\Desktop\mytask\mytask\media\images',
      'C:\Users\omars_000\Desktop\mytask\mytask\media\images\uploads',
      'C:\Users\omars_000\Desktop\mytask\mytask\media',
  )
  </code></pre>
  
  <p>models.py</p>
  
  <pre><code>class Pics(models.Model):
      name = models.CharField(max_length=200, null=True)
      docfile = models.ImageField(upload_to=content_file_name, null=True, blank=True)
      def __unicode__(self):  # Python 3: def __str__(self):
          return self.docfile
  </code></pre>
  
  <p>home.html</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  {% load staticfiles %}
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
          &lt;title&gt;Home Page&lt;/title&gt;
          &lt;link href="{{ STATIC_URL }}styles.css" rel="stylesheet" type="text/css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div id="background"&gt;
          Value of a is {{ imgs.0 }}
  
              &lt;div id="background"&gt;&lt;img src="{% static "images\background.png" %}""&gt;&lt;/div&gt;
              &lt;div id="Shape17copy"&gt;&lt;img src="{% static "images\Shape17copy.png" %}""&gt;&lt;/div&gt;
              &lt;div id="About"&gt;&lt;img src="{% static "images\About.png" %}""&gt;&lt;/div&gt;
              &lt;div id="Layer7"&gt;
              &lt;img src="{% static "images\Layer7.png" %}""&gt;
              {% if imgs %}
                  {% for i in imgs %}
                  &lt;img src="{{i.docfile.url}}"/&gt;                
                  {% endfor %}
              {% else %}
              {% endif %}
              &lt;/div&gt;
              &lt;div id="Layer7copy"&gt;&lt;img src="{% static "images\Layer7copy.png" %}""&gt;&lt;/div&gt;
              &lt;div id="Shape17copy2"&gt;&lt;img src="{% static "images\Shape17copy.png" %}""&gt;&lt;/div&gt;
              &lt;div id="RecentWork"&gt;&lt;img src="{% static "images\RecentWork.png" %}""&gt;&lt;/div&gt;
  
          &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>What could be my issue?!</p>