Django无法加载图片：是否与Recipe模型配置有关？

你的Recipe模型中ImageField的配置本身没有问题，图片无法显示通常是媒体文件的全局配置或模板引用方式出错，按以下步骤排查：

• 1. 检查settings.py中的媒体配置
  确保已正确设置媒体文件的存储路径和访问URL：

  # settings.py
  from pathlib import Path
  
  BASE_DIR = Path(__file__).resolve().parent.parent
  
  # 媒体文件存储根目录
  MEDIA_ROOT = BASE_DIR / 'media'
  # 媒体文件的访问URL前缀
  MEDIA_URL = '/media/'
  

• 2. 配置项目根URL路由
  在项目根目录的urls.py中添加媒体文件的路由规则，让Django能正确映射媒体文件的访问请求：

  # urls.py（项目根目录）
  from django.conf import settings
  from django.conf.urls.static import static
  from django.contrib import admin
  from django.urls import path
  
  urlpatterns = [
      path('admin/', admin.site.urls),
      # 其他自定义路由...
  ]
  
  # 开发环境下添加媒体文件路由（生产环境需用Nginx等服务器处理）
  if settings.DEBUG:
      urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  

• 3. 模板中正确引用图片URL
  在HTML模板里，必须通过模型实例的photo.url属性获取图片的完整访问路径，而非直接写本地路径：

  <!-- 模板文件 -->
  <img src="{{ recipe.photo.url }}" alt="{{ recipe.title }}">
  

完成以上配置后，重启Django开发服务器，重新上传图片即可正常显示。

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