我想在flask中的HTML中使用外部链接作为img标记中的图像。我知道如何将图像保存在静态文件夹中,但我的情况不同。
我想在index.html中做如下代码:
<body>
<h1>external image</h1>
<img src={{url_for('static',filename='https://unsplash.com/photos/uUVkzxDR1D0')}}
alt="No image">
</body>
我的烧瓶是这样的:
from flask import Flask,render_template
app=Flask(__name__,static_url_path='',static_folder='static',template_folder='templates')
@app.route("/")
def index():
return render_template("index.html")
我尝试从url_fo函数中删除静态端点,因为在静态文件夹中搜索外部图像链接是没有意义的,但后来我得到了一个错误,即url_fo需要一个端点。所以,我不知道如何放置图像链接。
一切都很顺利。只有图像没有得到渲染后,我得到了alt文本,即屏幕上的"无图像"。
如有任何帮助,我们将不胜感激。提前感谢您的帮助。
为什么不简单:
<img src='https://unsplash.com/photos/uUVkzxDR1D0'
alt="No image">
当然,这会从页面中的远程服务器热链接该图像,有些主机可能会为其图像禁用该服务器。
在烧瓶应用程序中:
def index():
...
img_url = "http://cooldomain.rofl/image.png"
return render_template("index.html", img_url=img_url)
在您的模板index.html
:中
<html>
<img src="{{ img_url }}" alt="This is an image">
</html>
这样,您就不需要将URL硬编码到模板中。