如何显示和下载位于静态文件夹之外的图像?

How can I display and download an image which is located outside of the static folder?

我正在设置一个脚本,我想显示一张位于我的静态文件夹之外的图像。我的项目是这样设计的:

___folder
  |__ image.png
  |__ text.txt
___web
  |__static
    |__ css
    |__ js
  |__ app.py

目前,我只是 运行 我的脚本 app.py。我已经成功地创建了一个超链接来使用文件协议从另一个文件夹下载我的图像:

<a href="file://///{{ image_path }}">Download </a><br>

这种方法可行,但我不得不右键单击超链接并将其粘贴到新的 window 中才能下载。我正在寻找一种只需左键单击它的方法。

之后,我尝试用以下方法显示同一张图片:

<img src="file://///{{ image_path }}" style="width:100%;" alt="Image not found">

但即使路径适用于前一部分,它实际上也不起作用。

我在检查页面时遇到了一些错误:

Failed to load resource: the server responded with a status of 404 (NOT FOUND)

更新 1

有没有办法通过在此处使用 mimetype 来解决我的问题?


非常感谢任何帮助或指导。谢谢。

https://www.w3schools.com/tags/att_a_download.asp 只需将 download 属性添加到您的 <a> 标签,例如

<a href="file://///{{ image_path }}" download="filename.png">

="filename.png" 是可选的,您可以只使用 download,不带任何参数。

这是 Chrome 中内置的安全异常。过去您可以覆盖 Chrome like this 中的设置。 查看 Stack 中的其他主题,我可以 link 几十个,您可以在其中找到一些帮助。例如,您可以使用为基于网络的文件提供服务的中间页面。

你可以找到一些帮助here