这很疯狂，但我不知道怎么做，因为这些词太常见了，在搜索引擎上很难找到我需要的东西。我想这个问题应该很容易回答。
我想要一个简单的文件下载，这将与此相同:
<a href="file.doc">Download!</a>
但是我想使用一个HTML按钮，例如:
<input type="button" value="Download!">
<button>Download!</button>
同样，是否有可能通过JavaScript触发一个简单的下载?
$("#fileRequest").click(function(){ /* code to download? */ });
我绝对不会寻找一种方法来创建一个看起来像按钮的锚，使用任何后端脚本，或混乱的服务器头或mime类型。
当前回答
如果你使用<a>标记，不要忘记使用指向文件的整个url——即:
<a href="http://www.example.com/folder1/file.doc">Download</a>
其他回答
是什么:
<input type="button" value="Download Now!" onclick="window.location = 'file.doc';">
你可以用隐形iframe的“trick”来实现。当你将“src”设置为它时，浏览器的反应就像你点击了一个具有相同“href”的链接。与表单解决方案相反，它允许您嵌入额外的逻辑，例如在超时后激活下载，当某些条件满足时等等。
它也非常安静，没有闪烁的新窗口/标签时使用window.open。
HTML:
<iframe id="invisible" style="display:none;"></iframe>
Javascript:
function download() {
var iframe = document.getElementById('invisible');
iframe.src = "file.doc";
}
< a href = " file.doc " > < >按钮下载!< /按钮> < / > 这将下载文件作为。doc文件扩展名不支持在浏览器中打开。 其中一个最简单的方法按钮和文字装饰将有助于改变或删除链接的文字装饰。
jQuery:
$("#fileRequest").click(function() {
// hope the server sets Content-Disposition: attachment!
window.location = 'file.doc';
});
我觉得这就是你想要的解决方案
<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);
}
