个人中心
gpt4 book ai didi

python - 如何在图像的 Jinja2 模板中嵌入 python 代码？

转载 作者：行者123 更新时间：2023-11-28 21:17:06 24 4
gpt4 key购买 nike

我有以下代码，我试图在其中加载页面上的 jpg 图像。在本例中，图像具有数据库记录 1.jpg 的主键 id。我想使用类似 {{ film.id }}.jpg 的东西。怎么做？下面的代码不渲染图像。

film.id 只是记录中的主键。我想将它用作其胶片对应图像的引用索引号。在标记 film.id 中应扩展为整数。由于数据库中只有两部电影，因此应该是 1 和 2。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MovieDB</title>
</head>
<body>
{% for film in films %}
    <p>{{ film.title }}</p>
    <img src="{{ url_for('static', filename='img/{{ film.id }}.jpg') }}">
{% endfor %}        
</body>
</html>

我尝试将 Alex 给出的示例添加到我的 views.py 中:

from flask import render_template, url_for
from app import app
from jinja2 import filters, environment
from app.models import *


@app.route('/')
@app.route('/index')
def index():
    films = session.query(Film).all()

    return render_template('index.html', films=films)

def ufs(film_id):
    return url_for('static', filename='img/{}.jpg'.format(film_id))

app.filters['ufs'] = ufs

它给出了以下堆栈跟踪:

Traceback (most recent call last):
  File "run.py", line 1, in <module>
    from app import app
  File "/Users/jwebster/Code/Python/filmdb/app/__init__.py", line 7, in <module>
    from app import views
  File "/Users/jwebster/Code/Python/filmdb/app/views.py", line 17, in <module>
    app.filters['ufs'] = ufs
AttributeError: 'Flask' object has no attribute 'filters'

最佳答案

您需要定义一个自定义过滤器(并将其注册到 Jinja2)以允许从 Jinjia2 模板中访问任意 Python 代码。参见 http://jinja.pocoo.org/docs/dev/api/#custom-filters了解所有详情。

例如，在您的 Python 服务器代码中，在启动时:

def ufs(film_id):
    return url_for('static', filename='img/{}.jpg'.format(film_id))

environment.filters['ufs'] = ufs

environment 是您的 Jinja2 环境，您有 import 使 url_for 可见为非限定名称。

然后，在从该环境渲染的 Jinja2 模板中，

{{ film.id | ufs }}

将根据您的需要展开(如果 film.id 是正确的——它可能会在 inside for 中，但是您已经将它放在外面，至少在你的 Q 的当前版本中，这可能会因为其他原因而破坏东西。

关于python - 如何在图像的 Jinja2 模板中嵌入 python 代码？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27969864/

24 4 0
文章推荐： python - Python的 "=="到底是做什么的
文章推荐： javascript - 通过 Javascript 添加多个表行
文章推荐： javascript - jqgrid 完整月份名称
文章推荐： javascript - 从 ajax 调用中将数据提取到数组
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com