title: Image Not displaying in django getting 404 error
body: <p>I followed official django documentation for image field.I am able to store the image in the database but when I try to display it in browser I am getting 404 error.       </p>
  
  <p>My settings file,</p>
  
  <pre><code>TEMPLATES = [
      {
          'BACKEND': 'django.template.backends.django.DjangoTemplates',
          'DIRS': [os.path.join(BASE_DIR,"templates")],
          'APP_DIRS': True,
          'OPTIONS': {
              'context_processors': [
                  'django.template.context_processors.debug',
                  'django.template.context_processors.request',
                  'django.contrib.auth.context_processors.auth',
                  'django.contrib.messages.context_processors.messages',
                  'django.template.context_processors.media',
                  'django.core.context_processors.static',
              ],
          },
      },
  ]
  
  BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  STATIC_URL = '/static/'
  STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static")]
  STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR),"static")
  MEDIA_ROOT =  os.path.join(os.path.dirname(BASE_DIR),"media")
  MEDIA_URL = '/media/'
  </code></pre>
  
  <p>My models.py file,</p>
  
  <pre><code>class Add_prod(models.Model):
      book = models.CharField("Book Name",max_length=40)
      image = models.ImageField(upload_to='static/images',null=True)
  </code></pre>
  
  <p>My views.py file,</p>
  
  <pre><code>def add_prod(request):
      form = ProdForm(request.POST or None,request.FILES or None)
      my_products = Add_prod.objects.all()
      context = {
              "form":form,
              "products":my_products
      }
      if form.is_valid():
          instance = form.save(commit=False)
          book = form.cleaned_data.get("book")
          image = form.cleaned_data.get("image")
          instance.book = book
          instance.image = image
          instance.save()
     return render(request,"add-prod.html",context)
  </code></pre>
  
  <p>Small part of my urls.py file,</p>
  
  <pre><code>from django.conf import settings
  from django.conf.urls.static import static
  
  if settings.DEBUG:
      urlpatterns += static(settings.STATIC_URL,document_root=settings.STATIC_URL)
      urlpatterns += static(settings.MEDIA_URL,document_root=settings.MEDIA_URL)
  </code></pre>
  
  <p>Small part of my template file,</p>
  
  <pre><code>{% for i in products %}  
              &lt;tr&gt;
                  &lt;td&gt;{{i.book}}&lt;/td&gt;
                  &lt;td&gt;&lt;img src="{{ MEDIA_URL }}{{i.image.url}}" alt="No Image"&gt;&lt;/td&gt;
              &lt;/tr&gt;
  {% endfor %}
  </code></pre>
  
  <p>This is the error in the eclipse console,</p>
  
  <pre><code>Not Found: /media//media/static/images/644.jpg
  "GET /media//media/static/images/644.jpg HTTP/1.1" 404 1800
  </code></pre>