我正在尝试在html <img src="..."/>标记中创建url_for，其中图像的文件名存储在变量中。我该怎么做？

Question

我正在尝试为显示其个人资料照片的用户创建一个页面，我从数据库中检索了图片文件名，并将该文件名存储为名为“profilePic”的变量。

我已将profilePic作为变量传递给html页面，但如何使用Jinja2的{{url_for}}创建<img>标记。如果我只输入picname，我知道怎么做，但在这种情况下，pic的名称会因用户而异。

我试过......

<img src="{{ url_for('static', filename='img/user/{{ profilePic }}' }}>

不起作用，因为看起来你无法在Jinja2中嵌套{{}}项。

我将如何做到这一点？

Answer 1

您可以使用+

在模板中执行常规字符串连接

<img src="{{ url_for('static', filename='/img/user/' + profilePic) }}" />

或.join

<img src="{{ url_for('static', filename='/'.join(['img', 'user', profilePic])) }}" />