将图像从文件系统上传到html页面

Question

我正在尝试使用flask来开发一个非常简单的Web应用程序，遵循此link中的示例。

我的问题是：我想在该页面中显示来自我的文件系统的图像，但似乎浏览器受到保护。我必须使用类似的东西：

<img src="http://aMessyURL.png">

而不是能够使用类似的东西：

<img src="images/myImageName.png">

那么，我可以（动态）显示文件系统中的图像吗？

Answer 1

You should be able to do it when hosting a simple server: https://docs.python.org/2/library/simplehttpserver.html

This should at least allow you to load files in the same folder as your code.

Answer 2

Flask interprets <img src="images/myImageName.png"> as:

app/images/myImageName.png

Normally, Flask projects have a static folder inside app (app/static) which contains your CSS, JS and images. You can either render them like above or use url_for:

<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.png') }}">

Which renders fully as:

<link rel="shortcut icon" href="/static/img/favicon.png"> 

Answer 3

您必须指定静态根路径，然后使用下面的html中的代码

app = Flask(__name__, static_url_path='')

在HTML中

<img src="/static/images/myImageName.png">