title: Images uploaded with ImageField doesn't show
body: <p>I have such problem: From django admin I'm trying to upload a cover image for my article, but image doesn't show on template, and its name is written in red <a href="https://i.stack.imgur.com/Xki7p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xki7p.png" alt="like in this picture"></a> in PyCharm. Here are my codes:</p>
  
  <p><code>settings.py</code>:</p>
  
  <pre><code>STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
  
  STATIC_URL = '/static/'
  
  STATICFILES_DIRS = [
      os.path.join(BASE_DIR, "static"),
  ]
  
  STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
  </code></pre>
  
  <p><code>models.py</code>:</p>
  
  <pre><code>class Article(models.Model):
      title = models.CharField(max_length=100)
      description = models.CharField(max_length=200)
      content = HTMLField()
      # image = models.CharField(max_length=2000)
      image = models.ImageField(upload_to='static/img')
      category = models.ForeignKey(Category, on_delete=models.CASCADE, null=True)
      post_date = models.DateTimeField(auto_now_add=True)
      slug = models.SlugField(unique=True, null=True, editable=False)
  
      def __str__(self):
          return self.title
  </code></pre>
  
  <p><code>article.html</code>:</p>
  
  <pre><code>&lt;div class="blog-item wide-blog-item"&gt;
    &lt;a href="/"&gt;&lt;img src="/{{ article.image }}" class="image"/&gt;&lt;/a&gt;
    &lt;h3 class="font-reg"&gt;&lt;a href=""&gt;{{ article.title }}&lt;/a&gt;&lt;/h3&gt;
    &lt;div class="blog-item-meta"&gt;
    &lt;span&gt;{{ article.post_date }}&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="blog-item-meta"&gt;
    &lt;span style="text-transform: capitalize;"&gt;{{ article.category }} . &lt;/span&gt;                            
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>views.py</code>:</p>
  
  <pre><code>def index(request):
      context = {
          'category_list': Category.objects.all(),  # navbarda gostermek uchun
          'articles': Article.objects.all(),
      }
      return render(request, 'articles.html', context)
  
  
  def article(request, article_slug, article_category):
      try:
          context = {
              'article': Article.objects.get(slug=article_slug),
              'category_list': Category.objects.all(),  # navbarda gostermek uchun
              'category': Category.objects.filter(name=article_category),  # url-de category name gostermek uchun
          }
      except Article.DoesNotExist:
          raise Http404("Such article could not be found")
      return render(request, 'article.html', context)
  </code></pre>