【发布时间】: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 %}
【问题讨论】:
我只是在学习 django 和 jinja 的基础知识。我已经扩展了我的头文件,现在我想在页面中添加一个图像,但我不知道 jinja 的语法。请帮忙。
{% extends "media/header.html" %}
{% block content %}
This is where I would like to insert my image.
{% endblock %}
【问题讨论】:
只需使用 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 %}
【讨论】:
回复可能为时已晚,但这就是我使用 jinja 语法渲染图像的方式。我已经成功地从 html 渲染了 pdf 上的图像。
<div class="img-div" style="background-image: url('{{ element.image }}');">
</div>
element.image 可以是任何可解析的 url。
【讨论】: