title: show images in Django templates
body: <p>Can someone help me with this issue: I have a Django porject, </p>
  
  <p><strong>in settings.py</strong></p>
  
  <pre><code> MEDIA_ROOT = 'C:/Users/hl/workspace/beer/media'
   MEDIA_URL = '/media/'
   STATICFILES_DIRS = (
      'C:/Users/hl/workspace/beer/media'
   )
  </code></pre>
  
  <p><strong>and in models.py</strong> </p>
  
  <pre><code>image1= models.ImageField(upload_to=settings.MEDIA_ROOT)
  </code></pre>
  
  <p><strong>and in url.py</strong></p>
  
  <pre><code> (r'^media/(?P&lt;path&gt;.*)$', 'django.views.static.serve',{'document_root': settings.MEDIA_ROOT}),
  </code></pre>
  
  <p><strong>in views</strong></p>
  
  <pre><code>def allBeer(request): 
        beers=Beer.objects.all().order_by("name")
        context={'beers': beers}
        return render_to_response('AllBeers.html',context,context_instance=RequestContext(request))
  </code></pre>
  
  <p><strong>and in html</strong></p>
  
  <pre><code> {%for beer in beers %}
      &lt;p&gt;
          &lt;a href="/beers/{{beer.slug}}/"&gt;
              &lt;img scr="{{beer.image1.url}}"&gt;{{beer}}
          &lt;/a&gt;
      &lt;/p&gt;
   {% endfor%}
  </code></pre>
  
  <p>It has not problem to load images, but images wont show in html file. I have searched and read a lot from internet but I still couldn't figure out.</p>
  
  <p>Can anyone tell me why?</p>