html - 如何将图像添加到 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 %}