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

Question

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

这太疯狂了，但我不知道该怎么做，因为这些词很常见，很难在搜索引擎上找到我需要的东西。我觉得这应该是个容易回答的问题。

我想要一个简单的文件下载，它可以执行如下操作：

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

但是我想使用HTML按钮，例如：

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

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

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

我绝对是不寻找一种方法来创建一个看起来像按钮的锚点，使用任何后端脚本，或者混乱的服务器头或MIME类型。

Answer 1

为你能做的按钮<form&nbsp;method="get"&nbsp;action="file.doc"> &nbsp;&nbsp;&nbsp;<button&nbsp;type="submit">Download!</button></form>

Answer 2

我做了一些研究，找到了最好的答案。您可以使用新的HTML 5触发下载。download属性。<a&nbsp;href="path_to_file"&nbsp;download="proposed_file_name">Download</a>其中：path_to_file要么是绝对路径，要么是相对路径，proposed_file_name要保存到(可以为空白，然后默认为实际文件名)的文件名。希望这有帮助。沃特沃格&nbsp;文献资料卡尼乌斯

Answer 3

使用jQuery：$("#fileRequest").click(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;//&nbsp;hope&nbsp;the&nbsp;server&nbsp;sets&nbsp;Content-Disposition:&nbsp;attachment! &nbsp;&nbsp;&nbsp;&nbsp;window.location&nbsp;=&nbsp;'file.doc';});