python - 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(未找到)”
在我浪费一整晚都在兜圈子之前,我需要一些帮助来解决这个问题。谢谢!
解决方案
<img src="{% static 'projectweekapp/images/1.jpg' %}" alt="">
,最常见的方式。<img src="{% static {{photo}} %}" alt=""> # Incorrect
<img src="{% static photo %}" alt=""> # Correct
,不需要额外的括号,但也不需要引号,表示photo
是一个变量。context = { 'photo': "{% static 'projectweekapp/images/1.jpg' %}" }
,不要这样做,它永远不会工作。
推荐阅读
- c# - C# Mysql 在我的程序中更新/添加/获取用户时延迟
- docker - Docker - 当文件存在于该路径中时,发出 dockerizing flask 应用程序
- ios - 如何在 Swift 中使用 Date 类获取当前日期
- cplex - 跳过 OPL 模型中表中的缺失数据
- google-app-engine - (基本缩放)如果达到空闲超时,App Engine 会关闭仍在忙于处理请求的应用吗?
- salesforce - 通过数据验证从 Salesforce 下载 XLSX 文件
- css - React Material中InputBase中的边框颜色
- react-native - 如何在 Flatlist 中渲染全屏单项反应原生?
- javascript - 在 Firefox 78.2 上下载大文件时,ReadableStream 中途停止
- javascript - 将对象转换为数组和两个嵌套数组