title: Not properly render image from Django model
body: <p>I am making a simple app(Django version 1.11+python3.5+). I want to show images on my homepage(web app) from Django models. I can upload successfully from Django admin panel. But image cant renders properly. The image does not show in the homepage. This is my HTML file.</p>
  
  <pre><code>{% extends "shop/base.html" %}
  {% block content_area %}
  {% for name in products %}
  &lt;div class="col-lg-3 col-md-3"&gt;
      &lt;div class="main_content_sidebar"&gt;
          &lt;div class="content_title"&gt;
              &lt;h2&gt;{{name.product_name}}&lt;/h2&gt;
          &lt;/div&gt;
          &lt;div class="image_space"&gt;
              &lt;img src="{{name.product_image.url}}" class="img-thumbnail" alt=""&gt;
          &lt;/div&gt;
          &lt;div class="content_p"&gt;
              &lt;p&gt;Retail Price:{{name.product_retail_price}}&lt;/p&gt;
              &lt;p&gt;Quantity: {{name.product_quantity}}&lt;/p&gt;
              &lt;p&gt;Date: {{name.product_sell_date}}&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  {% endfor %}
  {% endblock %}
  </code></pre>
  
  <p>this is mysite(project)>>urls.py</p>
  
  <pre><code>from django.conf.urls import url, include
  from django.contrib import admin
  from django.conf.urls.static import static
  
  from django.conf import settings
  urlpatterns = [
      url(r'^shop/',include('shop.urls')),
      url(r'^admin/', admin.site.urls),
  ]
  if settings.DEBUG:
      urlpatterns += static(settings.MEDIA_URL,
                            document_root=settings.MEDIA_ROOT)
  </code></pre>
  
  <p>This is my models.py file.</p>
  
  <pre><code>class ProductsName(models.Model):
      product_name=models.CharField('name', max_length=50)
      product_retail_price=models.IntegerField('retail price TAKA')
      product_quantity = models.IntegerField('quantity')
      product_sell_date=models.DateTimeField('buy date', auto_now_add=True)
      product_image = models.ImageField(upload_to='upload/', blank=True, null=True)
  
      def __str__(self):
          return self.product_name
  </code></pre>
  
  <p>setting.py file</p>
  
  <pre><code>"""
  Django settings for mysite project.
  
  Generated by 'django-admin startproject' using Django 1.11.5.
  
  For more information on this file, see
  https://docs.djangoproject.com/en/1.11/topics/settings/
  
  For the full list of settings and their values, see
  https://docs.djangoproject.com/en/1.11/ref/settings/
  """
  
  import os
  
  # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
  BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  
  
  # Quick-start development settings - unsuitable for production
  # See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/
  
  # SECURITY WARNING: keep the secret key used in production secret!
  SECRET_KEY = ''
  
  # SECURITY WARNING: don't run with debug turned on in production!
  DEBUG = True
  
  ALLOWED_HOSTS = []
  
  
  # Application definition
  
  INSTALLED_APPS = [
      'shop.apps.ShopConfig',
      'django.contrib.admin',
      'django.contrib.auth',
      'django.contrib.contenttypes',
      'django.contrib.sessions',
      'django.contrib.messages',
      'django.contrib.staticfiles',
  ]
  
  MIDDLEWARE = [
      'django.middleware.security.SecurityMiddleware',
      'django.contrib.sessions.middleware.SessionMiddleware',
      'django.middleware.common.CommonMiddleware',
      'django.middleware.csrf.CsrfViewMiddleware',
      'django.contrib.auth.middleware.AuthenticationMiddleware',
      'django.contrib.messages.middleware.MessageMiddleware',
      'django.middleware.clickjacking.XFrameOptionsMiddleware',
  ]
  
  ROOT_URLCONF = 'mysite.urls'
  
  TEMPLATES = [
      {
          'BACKEND': 'django.template.backends.django.DjangoTemplates',
          'DIRS': [],
          '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',
              ],
          },
      },
  ]
  
  WSGI_APPLICATION = 'mysite.wsgi.application'
  
  
  # Database
  # https://docs.djangoproject.com/en/1.11/ref/settings/#databases
  
  DATABASES = {
      'default': {
          'ENGINE': 'django.db.backends.sqlite3',
          'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
      }
  }
  
  
  # Password validation
  # https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators
  
  AUTH_PASSWORD_VALIDATORS = [
      {
          'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
      },
      {
          'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
      },
      {
          'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
      },
      {
          'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
      },
  ]
  
  
  # Internationalization
  # https://docs.djangoproject.com/en/1.11/topics/i18n/
  
  LANGUAGE_CODE = 'en-us'
  
  TIME_ZONE = 'Asia/Dhaka'
  
  USE_I18N = True
  
  USE_L10N = True
  
  USE_TZ = True
  
  
  # Static files (CSS, JavaScript, Images)
  # https://docs.djangoproject.com/en/1.11/howto/static-files/
  
  STATIC_URL = '/static/'
  MEDIA_ROOT = os.path.join(BASE_DIR, 'shop/images/')
  MEDIA_URL = '/media/'
  </code></pre>
  
  <p>When I visit my homepage, I can't see any image. But I see image link If I open my browser dev tools.
  <a href="https://i.stack.imgur.com/vW808.png" rel="nofollow noreferrer">chrome dev tool</a></p>
  
  <p>if I click that image link from chrome dev tool. I got an<a href="https://i.stack.imgur.com/35MdK.png" rel="nofollow noreferrer">django doesn/t found that image url</a> error.</p>
  
  <p>Also my folder structure is:</p>
  
  <p>mysite
  shop
  manage.py
  path_to
  db.sqlite3</p>