HTML通过链接下载文件

Question

通过链接下载文件不起作用。 单击后，将转到浏览器的下一个选项卡并打开文件。 Chrome 65版本

<a download href="images/download.png">download</a>

Answer 1

尝试更改路径，如果路径不正确，它将打开一个新选项卡

 <a href="/images/download.png" download> Download </a> 

进一步参考https://www.w3schools.com/tags/att_a_download.asp

Answer 2

使用application/octet-stream

<a href="/images/download.png" download type="application/octet-stream "> Download </a>

就是这样！！！
有关更多格式： https : //www.stubbornjava.com/posts/what-is-a-content-type

Answer 3

$('a').click(function(e) {
    e.preventDefault();  //stop the browser from following
    window.location.href = 'uploads/file.doc';
});

<a href="withoutscript.html">Download now!</a>

试试这个有jQuery或无jQuery代码都可以

Answer 4

也尝试这个，将对您有帮助

 $('.download-file').on('click', function(e) { // For IE if(window.navigator.msSaveOrOpenBlob) { var blobObject = new Blob(['<p>Hello world!</p>'], {type : 'text/html'}); window.navigator.msSaveOrOpenBlob(blobObject, 'somefile.html'); e.preventDefault(); } // For browsers that support the `download` attribute else { // You could also create the url with `window.URL.createObjectURL` // var blobObject = new Blob(['<p>Hello world!</p>'], {type : 'text/html'}); // this.href = window.URL.createObjectURL(blobObject) this.href = 'data:text/html;charset=utf-8,' + encodeURIComponent('<p>Hello world!</p>'); } /* * / // Doesn't work, idk. It was an attempt for an IE solution // Suggested here: http://stackoverflow.com/a/25179390/796832 // and here: http://stackoverflow.com/a/25179390/796832 var bufferIframe = document.createElement('iframe'); bufferIframe.setAttribute('sandbox', 'allow-same-origin'); bufferIframe.setAttribute('srcdoc', '<p>Hello world!</p>'); document.body.appendChild(bufferIframe); bufferIframe.contentWindow.document.open('text/plain', 'replace'); // Keep jsFiddle from complaining about the `write` using bufferIframe.contentWindow.document['write']('<p>write Hello world!</p>'); bufferIframe.contentWindow.document.close(); //console.dir(bufferIframe.contentDocument); bufferIframe.contentWindow.document.execCommand('SaveAs', true, 'request.bin'); /* */ }); 

 <p>Download a file demo</p> <a href="http://i.stack.imgur.com/kaxff.png" download="savename.png">Download `download` attribute</a> <br> <a href="#0" class="download-file" download="some-file.html">Download via JS</a> <br> <hr> Note: <ul> <li>You could always just add the `Content-Disposition: attachment; filename="somefile.html"`</li> <li>You can even add the header in .htaccess: `Header set Content-Disposition "attachment"`</li> </ul> 

供参考https://jsfiddle.net/MadLittleMods/dywbo5vx/

Answer 5

如果链接路径不正确，下载链接不起作用，请检查图像路径是否正确？ 然后检查下载链接是否正常？