Django模板for循环遍历静态图片无法正常加载问题求助

问题原因 #

你当前传入模板的flags仅为图片的文件名，没有拼接Django静态资源的访问前缀，因此浏览器无法定位到正确的图片地址。

修复方法 #

推荐使用视图预构造路径的方案，兼容性更高：

1. 修改views.py逻辑，过滤有效图片并构造完整静态相对路径：

import os
from django.conf import settings
from django.shortcuts import render

def index(request):
    context = {}
    img_absolute_dir = os.path.join(settings.STATIC_ROOT, "entrance/images/")
    flags = []
    for filename in os.listdir(img_absolute_dir):
        # 过滤目录和非图片文件，避免加载异常
        file_full_path = os.path.join(img_absolute_dir, filename)
        if os.path.isfile(file_full_path) and filename.lower().endswith(('.png', '.jpg', '.jpeg', '.gif', '.webp')):
            # 构造静态资源相对路径，模板可直接调用static标签加载
            flags.append(f'entrance/images/{filename}')
    context['flags'] = flags
    return render(request, "entrance/index.html", context)

2. 修改模板中的图片引用逻辑：

{% for flag in flags %}
    <img src="{% static flag %}" alt="国旗图标">
{% endfor %}

额外检查项 #

• 确认settings.py中存在STATIC_URL = '/static/'配置
• 开发环境下请在项目根urls.py末尾添加静态资源服务配置：

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # 原有路由配置保持不变
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

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