javascript - 单击 HTML 按钮或 JavaScript 时如何触发文件下载

Question

这太疯狂了，但我不知道该怎么做，而且由于这些词很常见，很难在搜索引擎上找到我需要的东西。我想这应该很容易回答。

我想要一个简单的文件下载，与此相同:

<a href="file.doc">Download!</a>

但我想使用 HTML 按钮，例如以下任一:

<input type="button" value="Download!">
<button>Download!</button>

同样，是否可以通过 JavaScript 触发简单下载？

$("#fileRequest").click(function(){ /* code to download? */ });

我绝对不是在寻找一种方法来创建一个看起来像按钮的 anchor ，使用任何后端脚本，或者弄乱服务器 header 或 mime 类型。

Answer 1

您可以使用 HTML5 download 属性触发下载。

<a href="path_to_file" download="proposed_file_name">Download</a>

地点:

• path_to_file 是解析到 same origin 上的 URL 的路径。 . 这意味着页面和文件必须共享相同的域、子域、协议(protocol)(HTTP 与 HTTPS)和端口(如果指定)。异常(exception)是 blob:和 data: (始终有效)和file: (从不工作)。
• proposed_file_name 是要保存到的文件名。如果为空，则浏览器默认使用文件名。

文档:MDN , HTML Standard on downloading , HTML Standard on download , CanIUse