Flask 不提供图片

Question

我创建了一个小型 Flask 应用程序，目的是在本地机器上处理和呈现本地消费数据。 我的 Flask 应用程序处理子文件夹中的数据，然后打开一个网页以显示处理后的数据。 除了没有提供图像外，一切看起来都很棒。 例如，生成的 HTMl 源将具有以下内容：

<img src="/Users/username/Desktop/datafolder/pics/pic1.png" alt="pic1"> 

但是不会有图像。 路径是正确的，所以我猜这与图像如何传递或不传递到render_template Flask 有关。 也许有一种方法可以指定媒体目录，就像我在这篇Django 帖子中看到的那样？

非常欢迎关于我如何能够包含图像的任何建议。

最好的问候，扎克cp

编辑：如答案和评论中所述，所有静态文件都必须在指定的静态目录中。 我使用“file://”构造触发浏览器给出错误消息： "Not allowed to load local resource: file:///Users/username/Desktop/datafolder/pics/pic1.png"这就是为什么我看不到图像。 我可以使用下面的任何解决方案来生成我想要在指定静态文件夹中提供的图像。

Answer 1

我创建了一个小型的Flask应用程序，用于处理和呈现数据以供本地计算机上本地使用。 我的Flask应用程序在子文件夹中处理数据，然后打开一个网页以显示处理后的数据。 一切看起来都很不错，除了没有提供图片。 例如，生成的HTM1源将具有以下内容：

<img src="/Users/username/Desktop/datafolder/pics/pic1.png" alt="pic1"> 

但是将没有图像。 路径是正确的，所以我猜想它与将图像传递给render_template或不传递给Flask的方式有关。 就像我在django帖子中看到的那样，也许有一种方法可以指定媒体目录？

任何有关如何包含图像的建议都将受到欢迎。

此致，zach cp

编辑：如答案和评论中所述，所有静态文件必须位于指定的静态目录中。 我对“ file：//”构造的使用触发了浏览器，并显示了一条错误消息： "Not allowed to load local resource: file:///Users/username/Desktop/datafolder/pics/pic1.png"我看不到图像。 我可以使用下面的任何解决方案，将这些图像生成要在指定的静态文件夹中提供的图像。

Answer 2

我创建了一个小型的Flask应用程序，用于处理和呈现数据以供本地计算机上本地使用。 我的Flask应用程序在子文件夹中处理数据，然后打开一个网页以显示处理后的数据。 一切看起来都很不错，除了没有提供图片。 例如，生成的HTM1源将具有以下内容：

<img src="/Users/username/Desktop/datafolder/pics/pic1.png" alt="pic1"> 

但是将没有图像。 路径是正确的，所以我猜想它与将图像传递给render_template或不传递给Flask的方式有关。 就像我在django帖子中看到的那样，也许有一种方法可以指定媒体目录？

任何有关如何包含图像的建议都将受到欢迎。

此致，zach cp

编辑：如答案和评论中所述，所有静态文件必须位于指定的静态目录中。 我对“ file：//”构造的使用触发了浏览器，并显示了一条错误消息： "Not allowed to load local resource: file:///Users/username/Desktop/datafolder/pics/pic1.png"我看不到图像。 我可以使用下面的任何解决方案，将这些图像生成要在指定的静态文件夹中提供的图像。

Answer 3

Flask 应用程序将尝试提供静态文件的文件默认为应用程序根目录中的“静态”路径。

创建静态文件夹并在其中粘贴图像并将路径指定为 \\Static\\Img.png