尝试为我的产品显示多个图像

Question

我正在尝试为一个产品显示多张图片，但这些图片无法显示，我不知道为什么有人可以提供帮助。

我的模特。我必须在图像字段中使用一个用于显示和产品，如果用户想要更多详细信息，另一个用于显示更多产品图像。

class Product(models.Model):
    name = models.TextField()
    slug = models.SlugField(null=True, unique=True)
    description = models.TextField()
    stock = models.SmallIntegerField()
    price = models.DecimalField(max_digits=10, decimal_places=2)


    def __str__(self):
        return self.name

    def get_absolute_url(self):
        return reverse('single',args=[self.id,self.slug])

class ProductImage(models.Model):
    product = models.ForeignKey('Product', on_delete=models.CASCADE)
    image = models.ImageField(upload_to='images/', blank=True)
    featured = models.BooleanField(default=False)
    thumbnail = models.BooleanField(default=False)
    updated = models.DateTimeField(auto_now_add=False, auto_now=True)
    active = models.BooleanField(default=True)

    def __unicode__(self):
        return self.product.image

观看次数

def single(request, id, slug):
    try:
        # products = Product.objects.get(slug=slug)
        product = get_object_or_404(Product,
                                id=id,
                                slug=slug)
        images = ProductImage.objects.filter(product=product)

        return render(request, "single.html",
                        {'product': product},
                        {'images':images})
    except:
        raise Http404

我是如何尝试在 Html 页面上显示图像的。

{% for img in images %}
    {% if item.featured %}
      <img class="img-responsive"src="{{ MEDIA_URL }}{{ img.image.url }}" height="px" width="px" class="pr-5 mr-5">
      {% endif %}
      {% if not item.featured %}
      <img class="img-responsive"src="{{ MEDIA_URL }}{{ img.image.url }}" height="px" width="px" class="pr-5 mr-5">
      {% endif %} 
  {% endfor %}

设置

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'assets'),
)

CRISPY_TEMPLATE_PACK = 'bootstrap3'
CRISPY_TEMPLATE_PACK = 'bootstrap4'

LOGIN_REDIRECT_URL = '/'

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

LOGIN_URL = '/account/login/'

Answer 1

从 src 中删除 {{MEDIA_URL}}。

src="{{ img.image.url }}"

Answer 2

{% for img in images %}
{% if img.image %}
  <img class="img-responsive"src="{{ img.image.url }}" height="px" width="px" class="pr-5 mr-5">
{% endif %}
{% endfor %}

尝试为我的产品显示多个图像

Trying to display multiple image for my product

django

django-templates

django-media