Python 使用jinja2/django在for循环中加载图像

如何使用jinja2和django在网页上动态显示图像

目前，我正在尝试在for循环中加载图像，如：

{% for img_path in imgs %}
   <img src="{% static "{{img_path|safe}}" %}" alt="Herb" id="plant-mascot" style="width: 100px"/>
{% endfor %}

预期产出：

网页上显示所有图像（'im1.jpg'、'im2.jpg'、…）的网页

实际产量：

---

空网页

这里的关键是使用浏览器的“查看页面源”命令查看生成的HTML。您可能会看到Jinja模板的语法不正确：

• 嵌套的“{%”和“{”（如@JohnGorden所述）
• 另外，“static”是Jinja中的一个函数，可以更好地像这样显示“static（'url'）”

对于src属性，类似以下内容（未测试）：

src=“static（{img_path | safe}}”）”

---

您可能也不希望对所有图像使用相同的“id”属性。

这里的关键是使用浏览器的“查看页面源代码”命令查看生成的HTML。您可能会看到Jinja模板的语法不正确：

{% for img_path in imgs %}
   <img src="{{img_path|static|safe}}" alt="Herb" id="plant-mascot" style="width: 100px"/>
{% endfor %}

• 嵌套的“{%”和“{”（如@JohnGorden所述）
• 另外，“static”是Jinja中的一个函数，可以更好地像这样显示“static（'url'）”

对于src属性，类似以下内容（未测试）：

src=“static（{img_path | safe}}”）”

您可能也不希望对所有图像使用相同的“id”属性。

{%for img\u path in imgs%}
{% for img_path in imgs %}
   <img src="{{img_path|static|safe}}" alt="Herb" id="plant-mascot" style="width: 100px"/>
{% endfor %}

{%endfor%}

{%img\u路径在imgs%}
{%endfor%}

您可以添加预期输出和实际输出吗？如果您已经在

{%}中，imgs的内容是什么

标记，您不需要将变量名用双大括号括起来。只需使用普通变量名。您可以添加预期输出和实际输出吗？

imgs

的内容是什么？如果您已经在

{%}中

tags，不需要用双大括号括起变量名。只需使用普通变量名即可。