Django模板无法显示媒体图片求助（附完整代码）

1. 视图传递字典而非模型实例，导致ImageField属性无法访问 #

在list_of_deals_from_setting视图中，你使用deals.values()将查询集转为字典列表，字典里的image字段仅存储文件名，并非Django的ImageField对象，因此模板中{{ deal.image.url }}无法解析出正确的媒体URL。

修复后的views.py代码：

@login_required
def list_of_deals_from_setting(request):
    business_owner = BusinessOwner.objects.get(user=request.user)
    deals = Deal.objects.filter(business_id=business_owner.business.id)
    # 直接传递模型查询集，而非values()生成的字典
    context = {"deals": deals, "number_of_items": deals.count()}
    return render(request, "deals/deals_list.html", context=context)

2. 自定义上传路径函数返回绝对路径，导致URL生成错误 #

image_upload函数直接返回了包含MEDIA_ROOT的绝对路径，Django要求upload_to返回相对于MEDIA_ROOT的相对路径，否则数据库存储的路径会包含MEDIA_ROOT前缀，导致image.url生成错误。

修复后的models.py代码：

def image_upload(instance, filename):
    # 仅返回相对于MEDIA_ROOT的路径，Django会自动拼接MEDIA_ROOT
    return os.path.join(instance.req_object, "deals", filename)


class Deal(models.Model):
    business = models.ForeignKey(
        to=Business, on_delete=models.CASCADE, related_name="business_deal"
    )
    title = models.CharField(max_length=120)
    description = models.TextField()
    excerpt = models.CharField(max_length=120)
    image = models.ImageField(
        upload_to=image_upload, null=True, blank=True, max_length=250
    )
    from_date = models.DateTimeField()
    to_date = models.DateTimeField()
    member_only = models.BooleanField(default=False)
    req_object = models.CharField(max_length=255, blank=True)  # 改为数据库字段，确保保存时能正确赋值

3. 模板中static标签语法错误 #

默认图片的static标签缺少闭合的%}，导致静态资源加载失败：

修复后的模板代码：

{% else %}
<img src="{% static 'img/grey_rectangle.webp' %}" alt="Deal Image">
{% endif %}

4. Settings中MEDIA_ROOT重复赋值（非致命，建议修正） #

settings.py中MEDIA_ROOT重复赋值，改为：

MEDIA_ROOT = os.path.join(BASE_DIR, "media")
MEDIA_URL = "/media/"

额外验证步骤 #

• 检查数据库Deal表的image字段值，应为类似user@email.com/deals/xxx.jpg的相对路径，而非包含MEDIA_ROOT的绝对路径。
• 确认媒体文件已上传到MEDIA_ROOT/user@email.com/deals/目录下。
• 开发环境下确保DEBUG=True，且static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)已正确添加到urls.py（当前配置正确）。

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