首页 > 解决方案 > Html/Django - 从磁盘故障加载静态图像

问题描述

我正在尝试将图像从我的磁盘加载到 html 中。

发送模板“上下文”:

context = {
    'photo': "'projectweekapp/images/1.jpg'"
}

静态引用图像可以正常工作,如下所示:

<img src="{% static 'projectweekapp/images/1.jpg' %}" alt="">

但是当我尝试这个时:

<img src="{% static {{photo}} %}" alt="">

我收到一个错误。上面写着“无法解析余数:'{{photo}}' from '{{photo}}'”

同样,如果我将 python 更改为如下所示:

context = {
'photo': "{% static 'projectweekapp/images/1.jpg' %}"

}

并像这样引用上下文:

<img src="{{photo}}" alt="">

我收到另一个错误消息“加载资源失败:服务器响应状态为 404(未找到)”

在我浪费一整晚都在兜圈子之前,我需要一些帮助来解决这个问题。谢谢!

标签: pythonhtmldjangoimagestatic

解决方案


  1. <img src="{% static 'projectweekapp/images/1.jpg' %}" alt="">,最常见的方式。
  2. <img src="{% static {{photo}} %}" alt=""> # Incorrect
    <img src="{% static photo %}" alt=""> # Correct,不需要额外的括号,但也不需要引号,表示photo是一个变量。

  3. context = { 'photo': "{% static 'projectweekapp/images/1.jpg' %}" },不要这样做,它永远不会工作。


推荐阅读