从 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.jpg

graph.png

127.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]) }}"