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

标签 python html flask flask-admin

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

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

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

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

这种方法有效,但我被迫右键单击超链接并将其粘贴到新窗口中才能下载。我正在寻找一种只需左键单击它的方法。

之后,我尝试使用以下方式显示相同的图像:

<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没有参数。

关于python - 如何显示和下载位于静态文件夹之外的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57409803/

相关文章:

python - 根据单词列表替换单词来复制句子的最快方法是什么?

python - Flask-SQLAlchemy 不使用 create_all() 创建表

python - Flask 中具有可变数量路径参数的正斜杠

html - 边框半径在 safari 4.0、5.0 for windows 7 及更高版本中不起作用

javascript - 如何在 Angular 5 中对加载的 HTML 添加指令?

python - 如何通过 app.run() 将任意参数传递给 Flask?

python - 在 Python 中迭代一个字符串并添加一些新字符

python - 获取只有 1 个字母差异的单词列表的更简单方法? (Python)

Python/Django 日期时间比较

大型项目(社交媒体)的 Javascript/jQuery 优化