使用烧瓶根据python传递的数据更改html图像

【问题标题】：changing html image based on passed data by python with flask使用烧瓶根据python传递的数据更改html图像
【发布时间】：2021-01-23 08:25:16
【问题描述】：

return render_template('homepage.html',imgName=filenameD)

Python

<img src= {{ name }} alt="something" style="width:500px;height:600px;">

HTML

我试图根据我用 python 烧瓶传递给它的数据来更改我网站上的图像，但图像没有显示出来，我使用了一种叫做 jinja 的东西？

【问题讨论】：

【解决方案1】：

图像未显示，因为您在模板中引用了一个不存在的变量。将您的 <img> 标签更改为

<img src="{{ imgName }}" alt="something" style="width:500px;height:600px;">

并确保filenameD 包含图像的路径，而不仅仅是它的名称，即它应该类似于/static/image.png。

此外，请始终使用 "" 将属性值括起来以防止 XSS 攻击，请参阅 Flask's security docs。

【讨论】：

【解决方案2】：

试试这个：

Python

return render_template('homepage.html',name=filename)

HTML

<img src = "{{url_for('static', filename=name) }}" alt="something" style="width:500px;height:600px;">

您的图片必须位于“静态”文件夹中并按通常的方式命名（“myimg.png”等）

【讨论】：