Django数据库图片显示异常：HTML循环调用图片出现蓝问号求助

以下是几个关键修复步骤，按顺序检查：

1. 配置媒体文件的访问路由 #

Django不会自动处理用户上传的媒体文件，需在项目中添加相关配置：

在settings.py中添加媒体配置 #

# settings.py
import os

# 媒体文件存储的根目录，指向项目下的media文件夹
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
# 媒体文件的访问URL前缀
MEDIA_URL = '/media/'

在项目根urls.py中添加媒体路由 #

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

urlpatterns = [
    # 你的其他路由配置...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

2. 修正模板中img标签的src属性 #

ImageField字段是一个对象，必须调用.url属性才能获取完整的可访问路径，修改HTML代码：

<div class="profile-details">
    <div class="profile-image-pane">
        <ul>
        {% for loans in loans_in_securities %}
            {% if forloop.first %}
                {% if loans.company_logo_url %}
                <li><img class="profile-image" src="{{ loans.company_logo_url.url }}"/></li>
                {% endif %}
            {% endif %}
        {% endfor %}
        </ul>
    </div>
</div>

额外添加{% if loans.company_logo_url %}判断，避免字段为空时出现无效路径报错。

3. 修正模型中的upload_to参数 #

你设置的upload_to="main/None"会导致图片上传到media/main/None目录，None作为目录名可能引发异常，建议改为合理路径：

class LoansOutstanding(models.Model):
    company_name = models.CharField("Company Name", max_length=50, default="")
    # 修改为有效存储路径，比如main/logos
    company_logo_url = models.ImageField("Company Logo", upload_to="main/logos", blank=True, null=True)

4. 验证图片上传状态 #

检查MEDIA_ROOT/main/logos（或你设置的upload_to路径）下是否存在对应的图片文件，确认文件未损坏、文件名正确。

完成以上步骤后，重启Django服务，刷新页面即可正常显示logo。

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