如何在 django 静态标签中使用字典变量

Question

我正在尝试将 Django 变量连接到 img src。我找到了一个solution 来执行此操作，但是当我检查浏览器时，该值仍然没有显示出来。顺便说一句，我调用的值是 dict 类型，看起来像这样 >>> djangoDict 输出：{<foreignModel: ModelValue>: <Product: Item Desc...}

我能够使用 2 个花括号 {{ djangoDict }} 显示 ModelValue，但在与地址连接时我不能这样做。

所以这里是我的代码：

{% for dd in djangoDict %}
            {% with 'products/anotherFolder/'|add:dd|add:'/suffix.jpg' as myImg %}
              <a class="dropdown-item" data-img="{% static myImg %}">{{ dd }}</a>
            {% endwith %}
{% endfor %

这是我在检查元素时得到的：

<a class="dropdown-item" data-img="/assets/suffix.jpg">ModelValue</a>

我想展示的内容：

<a class="dropdown-item" data-img="/assets/products/anotherFolder/ModelValue/suffix.jpg">ModelValue</a>

非常感谢任何可以提供帮助的人:)

Answer 1

我看到了一个与我类似的问题，它解决了我在连接图像路径方面的问题。 It is the best answer 我的问题。

我使用了在 settings.py 中配置的STATIC_URL

我的代码现在看起来像这样：

{% for dd in djangoDict %}
    <a class="dropdown-item" data-img="{{ STATIC_URL }}products/anotherFolder/{{ dd }}/suffix.jpg">{{ dd }}</a>
{% endfor %}

Answer 2

我也发现自己面临着类似的问题，我不知道它是否完全相同；我想将静态文件夹中的文件链接到我的 HTML 文件，即src=""，该目录应该来自字典源。 显然，您可以直接将其链接到那里。这是我的代码的一部分；

{% for dic in posts %}
{% if dic.no == 1 %}
<img alt="" class="u-expanded-width u-image u-image-default src="{% static dic.src %}"><!--/product_image--><!--product_title-->
<h4 class="u-product-control u-text u-text-body-alt-color u-text-2">
<a class="u-product-title-link" href="#"><!--product_title_content-->{{ dic.name }}<!--/product_title_content--></a>
{% endif %}
{% endfor %}