Показать изображение с моделей

Question

Я новичок в Python и Django. Я не знаю, как отображать изображения с моделей.

Вот мой код:

models.py

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 

views.py

def index(request): 
    songs = models.Blog.objects.all() 
    context = Context({ 
     'songs_list': songs 
     }) 
    return render(request, 'music.html', context) 

music.html

{% if songs_list %} 
    <ul> 
    {% for songs in songs_list %} 

     <li> 
      <span style= "color:green"> {{songs.title}}</span> 
      <span style= "color:red"> - {{songs.author}}</span> 
      <img src="{{ songs.image }}" />  
     </li> 

    {% endfor %} 
    </ul> 
{% else %} 
    <p>No song is made. </p> 
{% endif %} 

urls.py

urlpatterns = [ 
    url(r'^admin/', include(admin.site.urls)), 
    url(r'^$', 'blog.views.index', name='index'), 
] 

Когда я загрузить страницу, она не отображает изображения, пожалуйста, проверьте ссылку, чтобы увидеть картину: http://postimg.org/image/i1c8ju9e5/

Answer 1

Вы можете использовать атрибут ImageField.url, чтобы отобразить изображение в шаблоне.

Изменить {{songs.image}}{{songs.image.url}} в свой шаблон и это должно отображать изображение в вашем шаблоне.

{% if songs_list %} 
    <ul> 
    {% for songs in songs_list %} 

     <li> 
      <span style= "color:green"> {{songs.title}}</span> 
      <span style= "color:red"> - {{songs.author}}</span> 
      <img src="{{ songs.image.url }}" />  
     </li> 

    {% endfor %} 
    </ul> 
{% else %} 
    <p>No song is made. </p> 
{% endif %}