单击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 method="get" action="file.doc">
   <button type="submit">Download!</button></form>

Answer 2

我做了一些研究，找到了最好的答案。您可以使用新的HTML 5触发下载。download属性。

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

其中：

• path_to_file

  要么是绝对路径，要么是相对路径，

• proposed_file_name

  要保存到(可以为空白，然后默认为实际文件名)的文件名。

希望这有帮助。

沃特沃格 文献资料

卡尼乌斯

Answer 3

使用jQuery：

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