img标记src变量url不工作

Question

因此，我在Django中有我的views.py，它将对象列表呈现给我的html模板。一切正常。现在，这些对象有一些与之关联的对象ID。我将“static/images/”目录中的图像命名为与对象ID相同的名称。

因此，图像1.jpg将对应于对象id=1的对象，2.jpg对象id=2，依此类推。

现在我想在html中加载img标记中的图像，但是img标记的src URL将取决于对象id。

以下是我的html模板：

{% for result in results %}
    <li class="card" id="card">
        <tr>
            <td>
                <div class="card-image-container" id="card-image-container">
                    <img class="card-image" id="card-image" data-card-id="{{result.id}}" src="{% static 'images/{{ result.id}}.jpg' %}">
                </div>
            </td>
            <td>
                <div class="card-info-container" id="card-info-container">
                    <p> {{ result.card_name }} </p>
                </div>
            </td>
        </tr>
    </li>
{% endfor %}

由于html无法解析{{result.id}，因此上面的代码不起作用。如果我硬编码url的值，如下所示：

src="{% static 'images/1.jpg' %}"

然后，上面为所有li元素成功加载了1.jpg，但是我想要的是根据{result.id}值形成的url。

我尝试过使用以下链接中给出的解决方案，但没有一个对我有效。

链接-

jinja2中文件名中的变量

Flask静态文件路由变量[url_for（'静态'， filename="）]

任何帮助都将不胜感激。

Answer 1

您可以使用get\u static\u prefix（文档）：

{% load static %}
<img class="card-image" id="card-image" data-card-id="{{result.id}}" src="{% get_static_prefix %}images/{{ result.id}}.jpg">