title: Display image from models
body: <p>I am a beginner in Python and Django. I don't know how to display images from models.</p>
  
  <p>Here's my code:</p>
  
  <p>models.py</p>
  
  <pre><code>class Blog(models.Model):
      title = models.CharField(max_length = 100)
      content = models.TextField(max_length = 5000)
      publication_date = models.DateField(blank=True, null=True)
      image = models.ImageField(upload_to='photo',verbose_name='My Photo')
      author = models.CharField(max_length=50)
      def __str__(self):
          return self.title
  </code></pre>
  
  <p>views.py</p>
  
  <pre><code> def index(request):
      songs = models.Blog.objects.all()
      context = Context({
          'songs_list': songs
          })
      return render(request, 'music.html', context)
  </code></pre>
  
  <p>music.html</p>
  
  <pre><code>{% if songs_list %}
      &lt;ul&gt;
      {% for songs in songs_list %}
  
          &lt;li&gt;
              &lt;span style= "color:green"&gt;  {{songs.title}}&lt;/span&gt;
              &lt;span style= "color:red"&gt; - {{songs.author}}&lt;/span&gt;
              &lt;img src="{{ songs.image }}" /&gt;      
          &lt;/li&gt;
  
      {% endfor %}
      &lt;/ul&gt;
  {% else %}
      &lt;p&gt;No song is made. &lt;/p&gt;
  {% endif %}
  </code></pre>
  
  <p>urls.py</p>
  
  <pre><code>urlpatterns = [
      url(r'^admin/', include(admin.site.urls)),
      url(r'^$', 'blog.views.index', name='index'),
  ]
  </code></pre>
  
  <p>When I load page, it doesn't display images, please check out the link to see picture: <a href="http://postimg.org/image/i1c8ju9e5/" rel="nofollow noreferrer">http://postimg.org/image/i1c8ju9e5/</a></p>