图像未显示在 Django 的模板中

Question

当我从数据库中添加歌曲时，一切正常，但图像未显示在模板中。我该如何解决？

这是我的模板：

 {% for audio in songs %}

 <div class="player">

    <div class="imgBx">
      <div>
        <p>{{audio.book_title}}</p>

        <p>{{audio.artist}}</p>

        <p>{{audio.author}}</p>
      </div>
        <img src="{{object.image_url}}" alt="">
    </div>
    <audio controls>

    <source src="{{audio.file.url}}" type="audio/mp3">
    </audio>
 </div>
 {% endfor %}

这是我的models.py：

from django.db import models

# Create your models here.
class Audio(models.Model):
    book_title = models.CharField(max_length=100, null=False, blank=False)
    file = models.FileField(upload_to='file')
    author = models.CharField(max_length=100, null=False, blank=False)
    artist = models.CharField(max_length=100, null=False, blank=False)
    image = models.ImageField(upload_to=file, null=True, blank=False)

    def __str__(self):
        return self.book_title
        def image_url():
            if self.image and hasattr(self.image, 'url'):
                return self.image.url

这是我的views.py：

from django.shortcuts import render

from .models import Audio

# Create your views here.

def index(request):
    context = {'songs': Audio.objects.all()}
    return render(request, 'index.html', context)

Answer 1

您可以在 django 模型中使用 python Property，如下所示。

class Audio(models.Model):
    book_title = models.CharField(max_length=100, null=False, blank=False)
    file = models.FileField(upload_to="file")
    author = models.CharField(max_length=100, null=False, blank=False)
    artist = models.CharField(max_length=100, null=False, blank=False)
    image = models.ImageField(upload_to=file, null=True, blank=False)

    def __str__(self):
        return self.book_title

    @property
    def image_url(self):
        """
        Returns a image url if the audio has an image.
        """
        return self.image.url if self.image else None

Answer 2

我觉得你<img src="{{object.image_url}}" alt="">有错，应该是<img src="{{audio.image.url}}" alt="">