Django项目blog模板中post.image字段无法渲染显示图片求助

第一步：修复模板中的图片路径引用 #

你当前模板中直接使用{{post.image}}获取图片路径是错误的，Django的ImageField/FileField字段需要调用.url属性才能获取到正确的资源访问路径：

• 修改blogHome.html和blogPost.html中的img标签代码：
  原代码：

  <img src="{{post.image}}" class="d-block w-100" alt="...">
  

  修改为：

  {% if post.image %}
  <img src="{{post.image.url}}" class="d-block w-100" alt="...">
  {% endif %}
  

  增加if判断可以避免没有上传图片时页面抛出异常。

第二步：检查并配置settings.py参数 #

在项目根目录的settings.py中添加媒体资源相关配置（你提到图片存放在static/images下，所以配置对应路径即可）：

# 放在settings.py末尾即可
MEDIA_ROOT = BASE_DIR / 'static/images'
MEDIA_URL = '/media/'

同时确认你已经安装了图片处理依赖：执行pip install pillow安装Pillow库，Django的ImageField依赖该库才能正常工作。

第三步：配置根路由的媒体资源访问规则 #

打开项目根目录的urls.py（不是blog应用下的urls.py），添加媒体资源路由映射，开发环境下Django才会允许访问用户上传的媒体资源：

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

urlpatterns = [
    # 你原有路由保持不变，比如admin路由、home和blog应用的include路由
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

第四步：验证Post模型配置 #

检查blog应用下的models.py中Post模型的image字段配置：

class Post(models.Model):
    # 其他字段保持不变
    image = models.ImageField(upload_to='', blank=True, null=True)

upload_to参数指定的路径要和你实际存储图片的路径对应，如果设置为upload_to='blog'，图片会自动存到static/images/blog目录下。

排查小技巧 #

如果修改后还是无法显示，可以右键页面上的破裂图片图标，复制图片地址，直接在浏览器地址栏访问该地址，就能判断是路径拼接错误、还是资源不存在、还是权限问题。

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