如何在Django模板的static标签中使用QuerySet对象属性加载静态图片？

你的问题根源在于Django模板的{% static %}标签解析逻辑——它会把你传入的字符串原样处理，不会嵌套解析里面的{{ post.username }}变量，所以才会生成包含{{ post.username }}编码后的无效URL，导致404错误。

下面给你几个可行的解决办法，选你觉得顺手的用就行：

方法一：用模板过滤器拼接路径后传入static标签 #

直接在模板里用add过滤器把静态路径、用户名和后缀拼接起来，再传给static标签，这样模板引擎就能正确解析变量了：

{% load static %}
{% for post in data %}
    <img src="{% static 'project/image/'|add:post.username|add:'.jpg' %}" alt="Profile" id="profile_image">
{% endfor %}

方法二：用get_static_prefix标签拼接动态路径 #

先加载static标签，然后用{% get_static_prefix %}获取你的静态文件根路径，之后直接拼接动态的用户名和图片后缀，这种写法更直观：

{% load static %}
{% for post in data %}
    <img src="{% get_static_prefix %}project/image/{{ post.username }}.jpg" alt="Profile" id="profile_image">
{% endfor %}

方法三：在视图层提前处理头像路径 #

如果不想在模板里写太多逻辑，可以在视图中给每个post对象提前生成好头像的静态URL，再传给模板：

# 视图函数中的代码
from django.templatetags.static import static

# 假设你的帖子QuerySet是data
for post in data:
    # 拼接头像路径并赋值给post的自定义属性
    post.avatar_url = static(f"project/image/{post.username}.jpg")

然后在模板里直接使用这个提前生成好的URL：

{% for post in data %}
    <img src="{{ post.avatar_url }}" alt="Profile" id="profile_image">
{% endfor %}

额外提醒 #

• 一定要确认static/project/image/目录下确实存在对应用户名的图片，文件名要完全匹配（包括大小写，比如用户名是Alice，图片就得是Alice.jpg，不能是alice.jpg）。
• 如果担心有用户没有头像的情况，可以给img标签加个错误处理，加载失败时显示默认头像：

{% for post in data %}
    {% with avatar_path='project/image/'|add:post.username|add:'.jpg' %}
        <img src="{% static avatar_path %}" alt="Profile" id="profile_image" 
             onerror="this.src='{% static 'project/image/default_avatar.jpg' %}'">
    {% endwith %}
{% endfor %}

内容的提问来源于stack exchange，提问作者Ido Yudhatama