【问题标题】:How to add an image to a jinja html page如何将图像添加到 jinja html 页面
【发布时间】: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 %}

【问题讨论】:

    标签: html django jinja2


    【解决方案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 %}
    

    【讨论】:

    • 感谢您的回复。我尝试了静态路径,但出现“通过余数”错误。我将引用移动到包含“静态”并且它运行正常,但图像没有显示。请解释如何将图像作为变量传递。
    • 如果你得到那个错误,你根本没有使用 Jinja,而是 Django 模板语言。
    【解决方案2】:

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-08-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-02-17
      • 2013-10-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多