如何在 html img 标签中创建动态 src url？
How can I create a dynamic src url in html img tag?
<img src="https://openweathermap.org/img/wn/10d@2x.png">
src url 通过更改最后一部分动态更改
例如，通过将 10d@2x.png 更改为 11d@2x.png 可以获得不同的图标。
但是，我想使用 Jinja2 和 flask
动态更改 html 中的 url
我试过使用
img src="https://openweathermap.org/img/wn/{{icon}}@2x.png"
并从服务器端发送图标变量，但它不起作用
当您在代码中使用 render_template 时，请执行以下操作：
return render_template('mytemplate.html', icon='11d')
在您的模板中：
<img src="https://openweathermap.org/img/wn/{{ icon }}@2x.png">
请注意 double-curly 大括号以呈现变量。参见 documentation
<img src="https://openweathermap.org/img/wn/10d@2x.png">
src url 通过更改最后一部分动态更改 例如，通过将 10d@2x.png 更改为 11d@2x.png 可以获得不同的图标。 但是，我想使用 Jinja2 和 flask
动态更改 html 中的 url我试过使用
img src="https://openweathermap.org/img/wn/{{icon}}@2x.png"
并从服务器端发送图标变量，但它不起作用
当您在代码中使用 render_template 时，请执行以下操作：
return render_template('mytemplate.html', icon='11d')
在您的模板中：
<img src="https://openweathermap.org/img/wn/{{ icon }}@2x.png">
请注意 double-curly 大括号以呈现变量。参见 documentation