我想問一下如何在Django中的html模板中的for回圈中生成影像:
此代碼不起作用:
<ul>
Plants:
{% for plant in plants %}
<li> <img src="{% static 'plant_photos/{{ plant.name }}.jpg' %}"> {{ plant.name }}</li>
{% endfor %}
</ul>
但是如果我將這個:{{ plant.name }}.jpg 替換為:carrot.jpg 那么影像就會顯示出來。
我保存在 static/plant_photos 中的所有影像,每張照片的名稱都與植物名稱相對應。
模型.py:
class Plant(models.Model):
name = models.CharField(max_length=256)
description = models.TextField(blank=True, default='')
plant_image = models.ImageField(null=True, upload_to='static/plant_photos/', height_field=None, width_field=None, max_length=20)
class Garden(models.Model):
name = models.CharField(max_length=256)
description = models.TextField(blank=True, default='')
address = models.CharField(max_length=512)
plant = models.ManyToManyField(Plant, related_name="gardens", through="GardenPlant")
視圖.py:
def garden_detail(request, garden_name):
garden_id = Garden.objects.get(name=garden_name).id
garden = Garden.objects.get(id=garden_id)
plants = Plant.objects.filter(gardens__name=garden_name)
context = {
'name': garden.name,
'description': garden.description,
'address': garden.address,
'plants': plants, }
return render(request, 'garden_detail.html', context=context)
結構體:
garden_app
_templates
_static
__plant_photos
___carrot.jpg
___apple.jpg
___pear.jpg
...
uj5u.com熱心網友回復:
我認為興趣非常有限,但為了實作您的目標,您可以staticfiles像這樣將完整的字串傳遞給靜態標簽:
不要使用{% static ... %},試試這個:
{% load staticfiles %}
<ul> Plants:
{% for plant in plants %}
{% with 'plant_photos/'|add:plant.name|add:'.jpg' as plant_photo %}
<li><img src="{% static plant_photo %}">{{ plant.name }}</li>
{% endwith %}
{% endfor %} </ul>
有關更多資訊,這篇文章可以提供幫助。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/358842.html
下一篇:CSS網格影像不能垂直縮放
