Django/Pillow ImageField图片无法显示问题求助

嘿，我看你跟着Codemy的Django教程做图片展示时碰到了麻烦——明明装了Pillow，步骤也严格跟着走，结果网页上只显示图片损坏的图标，URL指向http://127.0.0.1:8000/media/images/MX1A1063.JPG却加载不出来。结合你提供的各个文件截图，我整理了几个大概率能解决问题的排查方向，你挨个试试：

• 别搞混媒体文件和静态文件的存储位置
  从你settings.py的截图看，你配置了MEDIA_ROOT和MEDIA_URL，但注意你截图里的“主src文件夹下的images文件夹”可能是静态文件目录，而上传的图片应该存在MEDIA_ROOT指定的路径里（比如项目根目录下的media/images/）。先确认MX1A1063.JPG是不是真的在media/images/这个文件夹里，而不是静态文件夹里。

• 给开发服务器加上媒体文件路由
  开发阶段，Django默认不会处理媒体文件的请求，你需要在项目的主urls.py里添加一段配置，让开发服务器知道怎么返回媒体文件：

  from django.conf import settings
  from django.conf.urls.static import static
  
  urlpatterns = [
      # 这里是你已有的路由，比如admin、app的路由
  ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  

  这段代码只有在DEBUG=True时生效，刚好适合你现在的开发环境，加完记得重启服务器试试。

• 检查文件名和数据库存储的一致性
  注意文件名的大小写！比如MX1A1063.JPG和mx1a1063.jpg在Linux/Mac系统里是完全不同的文件，哪怕Windows不敏感，数据库里存的文件名也得和实际文件完全一致。你可以看看数据库里对应的字段值，再对比实际文件的名字。

• 确认表单和视图正确处理了文件上传
  从你models.py的截图看，图片字段是ImageField(upload_to='images/')，这个没问题，但要确保：

  1. HTML表单里加了enctype="multipart/form-data"属性，不然文件根本传不上去；
  2. 视图里处理POST请求时，要把request.FILES传给表单，比如：

     if request.method == 'POST':
         form = ProductForm(request.POST, request.FILES)
         if form.is_valid():
             form.save()
     

• 重新验证Pillow的安装环境
  虽然你pip freeze显示Pillow已经安装，但有时候虚拟环境会出问题，你可以试试先卸载再重装：

  pip uninstall pillow -y
  pip install pillow
  

  还要确认你运行Django服务器的虚拟环境和安装Pillow的是同一个，别搞混了环境导致Pillow没生效。

• 文件权限问题（非Windows系统）
  如果是在Linux或Mac上，要确保Django服务器有读取媒体文件的权限，你可以给媒体文件夹设置合适的权限：

  chmod -R 755 你的项目路径/media
  

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