title: Image not showing in Django
body: <p>I don't know why the images aren't showing in Django. Something to do with the media root? </p>
  
  <p><strong>settings code</strong></p>
  
  <pre><code>STATIC_URL = '/static/'
  MEDIA_URL = '/media/'
  MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')'
  </code></pre>
  
  <p><strong>models code</strong></p>
  
  <pre><code>from django.db import models
  </code></pre>
  
  <p>from django.core.urlresolvers import reverse</p>
  
  <h1>Create your models here.</h1>
  
  <p>class Post(models.Model):</p>
  
  <pre><code>## Post Properties
  title = models.CharField(max_length=255)
  slug = models.SlugField(max_length=255, unique=True)
  summary = models.CharField(max_length=255)
  content = models.TextField()
  published = models.BooleanField(default=True)
  created = models.DateTimeField(auto_now_add=True)
  image = models.ImageField(upload_to='img',default='media/placeholder.png')
  
  
  class Meta:
      ordering = ['-created']
  
      def __unicode__(self):
          return u'%s'% self.title
  
  def get_absolute_url(self):
          return reverse('blog.views.post', args=[self.slug])
  </code></pre>
  
  <p>I didn't add a url for the picture, could that be a problem?</p>
  
  <p><strong>urls</strong> </p>
  
  <pre><code>urlpatterns = [
  url(r'^post/(.*)', blogViews.post),
  url(r'^about/$', blogViews.about),
  url(r'^$', blogViews.index),
  url(r'^admin/', admin.site.urls),
  </code></pre>
  
  <p><strong>index.html code</strong></p>
  
  <pre><code>&lt;img src="{{post.image}}"&gt;
  &lt;p&gt; {{post.image}} &lt;/p&gt;
  </code></pre>
  
  <p>**Views.py **</p>
  
  <pre><code>from django.shortcuts import render, render_to_response, get_object_or_404
  from django.http import HttpResponse
  from .models import Post
  
  # Create your views here.
  
  
  def index(request):
      posts = Post.objects.all()
      return render(request, 'index.html', {'posts': posts})
  
  
  
  def post(request, slug):
      return render_to_response('post.html', {
      'post': get_object_or_404(Post,slug=slug)
      }) 
  
  def about(request):
      return render(request, 'about.html', {})
  </code></pre>
  
  <p>In the website all that shows is a blank picture as well as the file name (either 'placeholder.png' which is the default or img/... which I uploaded through admin)</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>This was marked as a duplicate, I saw that post and tried to change my code to reflect that code but it wasn't working. Figured it would be better to post my own.</p>
  
  <p>Thanks in advance, first question on this site!</p>