从 Flask 传递到 Jinja2 时文件名中断

Question

当我将文件名作为变量从 flask 发送到 jinja2 时，它中断了：我正在使用 SQLAlchemy 来存储有关项目的数据（标题、描述和用于说明的图片），并使用 Flask 将此数据发送到 jinja2 页面。这是路线：@app.route('/projects')def projects():    project_matrix = listOfProjects()    for i in range(0, len(project_matrix)):            print(project_matrix[i][3])    return render_template("projects.html", projects=project_matrix)print(project_matrix[i][3]) 在终端中显示每个项目的图片文件名。这是我重新加载页面时出现在终端中的内容tethermc.jpggraph.png127.0.0.1 - - [13/May/2020 01:07:20] "GET /projects HTTP/1.1" 200 -127.0.0.1 - - [13/May/2020 01:07:20] "GET /static/css/main.css HTTP/1.1" 200 -127.0.0.1 - - [13/May/2020 01:07:20] "GET /static/img/uploads/%7B%7Bproject%5B3%5D%7D%7D HTTP/1.1" 200 -127.0.0.1 - - [13/May/2020 01:07:20] "GET /favicon.ico HTTP/1.1" 200 -这是页面的模板：  {% for project in projects %}  <div class="project">    <div class="projectTitle">      {{ project[1] }}    </div>    <div class="projectHolding">      <div class="projectDescription" type="html">        {{ project[2] }}      </div>      <div class="projectImg">        <img          src="{{ url_for('static', filename = 'img/uploads/'+'{{project[3]}}') }}"          style="min-width: 100px; max-height: 300px;"          alt="alt"        />      </div>    </div>  </div>  {% endfor %}当我加载页面时，除了不显示的图像外，内容没有改变。当我检查元素（图像块）时，我看到：<img    src="/static/img/uploads/%7B%7Bproject%5B3%5D%7D%7D"    style="min-width: 100px; max-height: 300px;"    alt="alt"/>有src="/static/img/uploads/%7B%7Bproject%5B3%5D%7D%7D" 代替src="/static/img/uploads/ethermc.jpg" 或src="/static/img/uploads/graph.png"你知道是什么导致了这个问题吗？

Answer 1

问题出在这一行：

src="{{ url_for('static', filename = 'img/uploads/'+'{{project[3]}}') }}".

首先，这部分有单引号：'{{project[3]}}'这导致这些字符按字面解释，而不是做“你想要的”并使用 project[3] 变量中的值。如果您对大括号进行 URL 编码，您会得到 %7B 或 %7D，这可能有助于您了解错误文件名的组成方式！

其次，您正在“嵌套”花括号，这是不需要的。project[3] 旁边的 {{ }} 按字面解释为大括号，它们被编码为您在最终文件名中看到的 %7B 和 %7D。这里不需要它们，因为当您打开“外部”花括号时，您现在处于一个代码块中，并且它们之间的所有内容（基本上）都是 python 代码。

所以你要运行的 Python 代码是：

url_for('static', filename = 'img/uploads/'+project[3])

这意味着您应该将该行替换为：

src="{{ url_for('static', filename = 'img/uploads/'+project[3]) }}"