Django模板中获取图片URL属性的问题求助

问题原因 #

你用values()查询时，product__stock_keeping_unit__image返回的是数据库中存储的相对路径字符串，而非Django的ImageField对象。因此：

• 调用.url会返回空（字符串没有这个属性）
• 直接使用字段值只会得到原始相对路径，不会自动拼接MEDIA_URL

解决方案 #

方法一：改用模型对象查询（推荐，符合Django最佳实践） #

放弃values()，直接查询完整的Product模型实例，这样关联的ImageField会保持对象属性，能正常调用.url：

1. 修改视图代码（添加select_related避免N+1查询，优化性能）：

data = models.Product.objects.filter(
    category__slug=slug, 
    product__is_default=True
).select_related('product__stock_keeping_unit')

2. 模板中调整字段访问方式：

<img src="{{ item.product.stock_keeping_unit.image.url }}">

方法二：手动拼接MEDIA_URL（适用于必须用values()的场景） #

如果因业务需求必须保留values()，可以手动拼接MEDIA_URL和图片路径：

1. 确保模板能访问MEDIA_URL：
   检查settings.py的TEMPLATES配置，确认包含媒体上下文处理器：

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

2. 模板中直接拼接路径：

<img src="{{ MEDIA_URL }}{{ item.product__stock_keeping_unit__image }}">

这样就能得到完整的/media/images/men-shoes.jpg路径。

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