最新版Django网站上传的图片无法在HTML模板中显示问题求助

排查步骤 #

• 检查模板上下文传递是否正确
  你在模板中使用了{{slideshowgo.image_one.url}}，需要确保对应的视图函数已经将slideshowgo模型的实例传递到模板上下文，示例视图写法：

  from .models import slideshowgo
  def your_view(request):
      # 取第一个实例，可根据自己的业务逻辑调整取值规则
      slide_obj = slideshowgo.objects.first()
      context = {'slideshowgo': slide_obj}
      return render(request, '你的模板路径.html', context)
  

  可以在模板中临时添加调试代码{{slideshowgo}}、{{slideshowgo.image_one}}、{{slideshowgo.image_one.url}}，确认变量、字段、路径是否正常输出。
• 检查Python代码缩进是否正确
  你贴出的代码存在两处缩进错误，Python对缩进敏感，错误的缩进会导致逻辑不生效：
  1. models.py中image_one字段没有缩进，不属于slideshowgo类的属性，修正后：

  from django.db import models
  class slideshowgo(models.Model):
      # 这里要缩进一层
      image_one = models.ImageField(null=True,blank=True)
  

  2. urls.py中urlpatterns += static(...)行没有缩进，不会随if settings.DEBUG判断执行，修正后：

  if settings.DEBUG:
      # 这里要缩进一层
      urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  

• 检查媒体文件存储路径是否存在
  确保你项目根目录下存在static/images文件夹，如果没有手动创建，否则上传的图片无法写入保存。
• 检查图片是否正常上传
  从admin后台上传图片后，打开本地的static/images文件夹，确认上传的图片文件确实存在于该目录下。
• 检查浏览器请求状态
  打开页面后按F12打开开发者工具，查看网络请求中对应图片的状态：
  1. 如果图片src为空，说明上下文没有传递成功或者字段无值
  2. 如果图片请求返回404，确认MEDIA_URL配置和路由是否正确
• 生产环境注意事项
  如果你是在DEBUG=False的生产环境测试，Django本身不会处理静态/媒体资源，需要配置Nginx、Apache等反向代理服务来处理/images/路径的请求。

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