Django论坛开发：单帖子多图上传后前端无法显示问题排查求助

我帮你梳理了代码，发现图片无法显示主要有两个核心问题，咱们一步步来解决：

1. 模板中反向关联查询名称错误 #

你的图片模型是WritingImage，外键关联到Writing，所以在模板中调用反向关联时，应该使用writing.writingimage_set.all()，而不是你现在用的image_set或photo_set——这两个名称根本不存在，自然查不到任何图片数据。

修改detail.html中的循环代码：

<div>
    {% for photo in writing.writingimage_set.all %}
        <img src="{{ photo.image.url }}" style="width: 100%; float: left; margin-right: 10px; margin-bottom:10px;" />
    {% endfor %}
</div>

2. 检查Django媒体文件配置是否完整 #

即使图片成功保存到数据库，如果没有正确配置媒体文件的访问路径，前端也无法加载图片。你需要确认以下配置：

在settings.py中添加媒体文件设置： #

import os

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

在项目根目录的urls.py中添加媒体文件路由： #

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

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

3. 验证图片是否正确关联与存储 #

做完上面的修改后，你可以通过以下方式验证：

• 登录Django后台，查看WritingImage模型的实例，确认每个图片都正确关联了对应的Writing对象，且image字段有文件路径
• 检查项目根目录下的media/images/YYYY/MM文件夹，确认上传的图片确实存在其中

按照这些步骤调整后，应该就能正常显示帖子中的多张图片了。

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