如何将图像添加到 jinja html 页面

Posted 2023-02-24

【中文标题】如何将图像添加到 jinja html 页面

【英文标题】：How to add an image to a jinja html page

【发布时间】：2019-05-26 12:43:57

【问题描述】：

我只是在学习 django 和 jinja 的基础知识。我已经扩展了我的头文件，现在我想在页面中添加一个图像，但我不知道 jinja 的语法。请帮忙。

% extends "media/header.html" %
% block content %
This is where I would like to insert my image.
% endblock %

【参考方案1】：

只需使用 html img 标记即可。如果您在上下文中将图像作为变量传递；

% extends "media/header.html" %
% block content %
    <img src=" variable "  />
% endblock %

如果你只有静态路径；

% extends "media/header.html" %
% block content %
    <img src=" static('path/to/image.png') "  />
% endblock %

【讨论】：

感谢您的回复。我尝试了静态路径，但出现“通过余数”错误。我将引用移动到包含“静态”并且它运行正常，但图像没有显示。请解释如何将图像作为变量传递。

如果你得到那个错误，你根本没有使用 Jinja，而是 Django 模板语言。

【参考方案2】：

回复可能为时已晚，但这就是我使用 jinja 语法渲染图像的方式。我已经成功地从 html 渲染了 pdf 上的图像。

 <div class="img-div" style="background-image: url(' element.image ');">
 </div>

element.image 可以是任何可解析的 url。