当点击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类型。

当前回答

这是最终为我工作，因为要下载的文件是在页面加载时确定的。

JS来更新表单的action属性:

function setFormAction() {
    document.getElementById("myDownloadButtonForm").action = //some code to get the filename;
}

调用JS来更新表单的action属性:

<body onLoad="setFormAction();">

表单标签与提交按钮:

<form method="get" id="myDownloadButtonForm" action="">
    Click to open document:  
    <button type="submit">Open Document</button>
</form>

以下是没有工作:

<form method="get" id="myDownloadButtonForm" action="javascript:someFunctionToReturnFileName();">

其他回答

您可以隐藏下载链接，并使按钮单击它。

<button onclick="document.getElementById('link').click()">Download!</button>
<a id="link" href="file.doc" download hidden></a>

你所需要做的就是在你输入的文件名后面加上下载:

之前:

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

后

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

确保下载用大写字母书写，否则它将无法工作。

在<body>和</body>标签之间的任何地方，使用下面的代码放入一个按钮:

<button>
    <a href="file.doc" download>Click to Download!</a>
</button>

这一定有用!

HTML:

<button type="submit" onclick="window.open('file.doc')">Download!</button>

是什么:

<input type="button" value="Download Now!" onclick="window.location = 'file.doc';">

推荐文章