这很疯狂，但我不知道怎么做，因为这些词太常见了，在搜索引擎上很难找到我需要的东西。我想这个问题应该很容易回答。
我想要一个简单的文件下载，这将与此相同:
<a href="file.doc">Download!</a>
但是我想使用一个HTML按钮，例如:
<input type="button" value="Download!">
<button>Download!</button>
同样，是否有可能通过JavaScript触发一个简单的下载?
$("#fileRequest").click(function(){ /* code to download? */ });
我绝对不会寻找一种方法来创建一个看起来像按钮的锚，使用任何后端脚本，或混乱的服务器头或mime类型。
当前回答
如果你正在寻找一个普通的JavaScript(而不是jQuery)解决方案，并且不使用HTML5属性，你可以试试这个。
const download = document.getElementById("fileRequest"); 下载。addEventListener(“点击”,请求); 函数请求(){ 窗口。Location = 'document.docx'; ｝ .dwnld-cta { 边框半径:15px 15px; 宽度:100 px; 行高:22 px ｝ 下载文件< h1 > < / h1 > <button id="fileRequest" class="dwnld-cta">Download</button> .
其他回答
如果你有一个复杂的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的不完整的答案
你好，我只是包括“下载”这个词，工作得很好。
<a href="file.pdf" download>Download</a>
所以在javascript中你可以使用以下代码:
function onStartedDownload(id) {
console.log(`Started downloading: ${id}`);
}
function onFailed(error) {
console.log(`Download failed: ${error}`);
}
var downloadUrl = "https://example.org/image.png";
var downloading = browser.downloads.download({
url : downloadUrl,
filename : 'my-image-again.png',
conflictAction : 'uniquify'
});
downloading.then(onStartedDownload, onFailed);
< a href = " file.doc " > < >按钮下载!< /按钮> < / > 这将下载文件作为。doc文件扩展名不支持在浏览器中打开。 其中一个最简单的方法按钮和文字装饰将有助于改变或删除链接的文字装饰。
如果你使用<a>标记，不要忘记使用指向文件的整个url——即:
<a href="http://www.example.com/folder1/file.doc">Download</a>
对我来说，点击按钮而不是锚文本工作得很好。
<a href="file.doc"><button>Download!</button></a>
在大多数规则下，这可能是不合适的，但它看起来相当不错。
