Django为何在错误目录查找图片？多图关联问题求助

核心问题 #

后台能正常上传图片，但前端模板无法正确加载，原因是开发环境未配置媒体文件的URL路由，同时需确认模板渲染逻辑是否正确。

修复步骤 #

1. 配置项目根URL的媒体路由 #

在项目根目录的urls.py（非shop子应用的urls.py）中添加媒体文件映射，让开发服务器能正确解析/media/路径：

from django.conf import settings
from django.conf.urls.static import static
from django.contrib import admin
from django.urls import include, path

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('shop.urls')),  # 你的shop子应用路由
    # 其他全局路由...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

注：该配置仅适用于开发环境，生产环境需用Nginx/Apache等服务器处理媒体资源分发。

2. 修正模板图片渲染逻辑 #

在HTML模板中，必须通过图片字段的url属性获取完整路径，示例：

<!-- 遍历当前商品的所有关联图片 -->
{% for image_obj in product.images.all %}
    <img src="{{ image_obj.images.url }}" alt="{{ product.name }}">
{% endfor %}

如果习惯用{{ MEDIA_URL }}拼接，需确保模板上下文包含该变量：在settings.py的TEMPLATES配置中添加媒体上下文处理器：

TEMPLATES = [
    {
        # ...其他配置
        'OPTIONS': {
            'context_processors': [
                # ...已有处理器
                'django.template.context_processors.media',
            ],
        },
    },
]

此时模板可写为：

<img src="{{ MEDIA_URL }}{{ image_obj.images }}" alt="{{ product.name }}">

3. 修复shop/urls.py的语法错误 #

你的shop/urls.py最后一行存在无效内容，修正后：

urlpatterns = [
    path('', index, name='home'),
    path('about/', about, name='about'),
    path('catalog/', catalog, name='catalog'),
    path('basket/', cart, name='cart'),
    path('register/', register, name='register'),
    path('delivery/', delivery, name='delivery'),
    path('product/<int:product_id>/', show_product, name='product'),  # 建议末尾加/，符合Django规范
    path('category/<int:catalog_id>/', show_category, name='category')
]

验证 #

1. 重启Django开发服务器
2. 打开商品详情页，检查图片src是否为/media/images/YYYY/MM/DD/xxx.jpg格式
3. 直接访问该URL，确认图片能正常显示

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