You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Django模板HTML中调用views.py中的路径值加载图片

解决方法

步骤1:确保视图将数据传入模板上下文

首先要在views.py中把定义好的data通过render函数传递给模板,让模板能访问到这些数据:

# views.py
from django.shortcuts import render

def your_view(request):
    data = { 
        "product" : { 
            "product1":{ 
                "path":"assets/carouselImgs/laptop1.png" 
            }, 
        } 
    }
    # 将data作为上下文传入模板
    return render(request, '你的模板文件名.html', data)

步骤2:在HTML模板中使用静态文件标签加载图片

在模板里先加载static标签(一般放在模板顶部),然后直接通过模板变量引用path值即可:

<!-- HTML模板 -->
{% load static %} <!-- 必须先加载static标签 -->

<img class="carousel-img" src="{% static product.product1.path %}" alt="产品图片">

特殊情况调整

如果你的data是嵌套在另一个上下文字典中传递的(比如context = {'product_data': data}),模板中的引用要对应修改:

<img class="carousel-img" src="{% static product_data.product.product1.path %}" alt="产品图片">

内容的提问来源于stack exchange,提问作者Usman Asghar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 21:52:05