这很疯狂，但我不知道怎么做，因为这些词太常见了，在搜索引擎上很难找到我需要的东西。我想这个问题应该很容易回答。
我想要一个简单的文件下载，这将与此相同:
<a href="file.doc">Download!</a>
但是我想使用一个HTML按钮，例如:
<input type="button" value="Download!">
<button>Download!</button>
同样，是否有可能通过JavaScript触发一个简单的下载?
$("#fileRequest").click(function(){ /* code to download? */ });
我绝对不会寻找一种方法来创建一个看起来像按钮的锚，使用任何后端脚本，或混乱的服务器头或mime类型。
当前回答
jQuery:
$("#fileRequest").click(function() {
// hope the server sets Content-Disposition: attachment!
window.location = 'file.doc';
});
其他回答
如果你愿意
<a href="path_to_file" download="proposed_file_name">Download</a>
对于下载文件的能力，否则将由浏览器渲染，但仍然想要一个整洁的javascript函数在按钮中使用;你可以在HTML中有一个看不见的链接，然后在javascript中点击它。
函数download_file() { . getelementbyid(“my_download”).click () ｝ <a id="my_download" href="path_to_file" download="file_name" style="display:none;" > < / > <按钮onClick = " download_file() " >下载! !< / >按钮
我觉得这就是你想要的解决方案
<button type="submit" onclick="window.location.href='file.doc'">Download!</button>
我有一个案例，我的Javascript生成了一个CSV文件。由于没有远程URL来下载它，我使用以下实现。
downloadCSV: function(data){
var MIME_TYPE = "text/csv";
var blob = new Blob([data], {type: MIME_TYPE});
window.location.href = window.URL.createObjectURL(blob);
}
这并不是对最初问题的答案，但它可能会帮助那些面临与我类似情况的人。
如果您想下载的文件不在同一个源文件上，但您希望能够下载它，您可以使用Content-Disposition头文件来完成。确保服务器在响应文件请求时包含头文件。
设置如下值 内容处理:附件将确保文件将被下载，而不是在浏览器中查看。
一个简单的< A href="http://www.notMyOrigin.com/file.txt">Download</ A >指向你的文件应该在这种情况下下载它。
jQuery:
$("#fileRequest").click(function() {
// hope the server sets Content-Disposition: attachment!
window.location = 'file.doc';
});
如果你有一个复杂的URL，比如file。doc?Foo =bar&jon=doe是在表单中添加隐藏字段
<form method="get" action="file.doc">
<input type="hidden" name="foo" value="bar" />
<input type="hidden" name="john" value="doe" />
<button type="submit">Download Now</button>
</form>
灵感来自@Cfreak的不完整的答案
