<a href 下载> 单击时不下载 [重复]

Question

我正在用 Python 和 Flask 构建一个 Web 应用程序。这是目录结构：

TopWebApp   
│
└───webApp
│   │   ui.py
│   │   back-end.py
│   │   result.txt
│   │
│   └───templates
│       │   index.html
│       │   ...
│   
└───venv
    | ...

在 index.html 中，我有：

  <a href="C:\Users\...\webApp\result.txt" download>
    <button>click here</button>
  </a>

在 chrome 70 中，当我单击“单击此处”按钮时，没有下载任何内容，如果我在新选项卡中打开它，新选项卡将显示“about::blank”。

由于 result.txt 保存在同一目录下，我尝试更改 'href=".result.txt"' 和 'href="./result.txt"' 但下载失败 - 无文件.你知道为什么会这样吗？

Answer 1

作为安全措施，浏览器将阻止通过超链接链接到本地文件（例如您的C: 驱动器上的文件）。这包括与download attribute 的超链接。如果您想允许用户从您的服务器下载，您需要相对于您的服务器本身进行引用。这可以通过 https://www.yourwebsite.com/yourfile.txt 之类的绝对链接来完成，但我建议使用相对链接，例如：

<a href="../result.txt" download>
  <button>click here</button>
</a>

请注意，在此特定示例中，该文件是链接到它的文件的上一个文件夹，因此您需要使用 ../ 遍历您的目录结构。

如果您只是直接通过文件资源管理器打开文件（而不是 localhost，则需要 file:/// 前缀，如 file:///C:/Users/.../webApp/result.txt。注意开头的三个正斜杠和正斜杠贯穿始终。