如何将图像添加到Jinja HTML页面

Question

我正在学习django和jinja的基础知识。我已经扩展了头文件，现在我想在页面上添加图像，但是我不知道这样做的jinja语法。请协助。

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

Answer 1

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

{% extends "media/header.html" %}
{% block content %}
    <img src="{{ variable }}" alt="image alt text" />
{% endblock %}

如果您只有静态路径；

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

Answer 2

也许现在回答还为时已晚，但这就是我使用jinja语法渲染图像的方式。我已经成功地从html渲染了pdf图像。

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

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