Question

我正在使用django在模板上显示数据库中的动态内容。当我在google开发人员控制台中检查图片网址时，它表明我尝试显示的图片网址正确无误，但仍未在页面上显示图片。

template = loader.get_template("selling/shop.html")
    if Product.objects.exists():
        products = Product.objects.all()
        for product in products:
            productimages = product.productimage_set.all()
            for productimage in productimages:
                imageurl = productimage.product_images.url
            context = {
                    "products" : products,
                    "imageurl" : imageurl,
                }



<div class="container" id="storediv" >
   <div  id="noproducts">
     {% if products %}
     {% for product in products %}
     <div class="holla2 col-sm-12 col-lg-3" id="holla" style="background-image: url('{{ product.productimage_set.first.product_images.url }}');">
           <div class="alltext" id="textcontainer">
             <p class="alltext" id="one">{{ product.title}}</p>
             <p id="two">${{ product.price }}</p>
             <!-- <p id="three">{{ product.product_description }}</p> -->
          </div>
    </div>
     {% endfor %}
     {% else %}
     <h2>There don't seem to be any products now. Please check back later!

为进一步澄清，它说： style="backgroundimage:url('{{product.productimage_set.first.product_images.url }}');" 正常工作并显示图片网址，但该图片未显示在页面上。

Answer 1

如果您的图片位于MEDIA_URL中，则可以使用以下代码

<header class="masthead" style="background-image:url({{ MEDIA_URL }}{{ object.image.url }});">

Django为什么不在模板上显示动态背景图像

1 个答案: