如何使用jquery下载文件?

Dee*_*ran 3 html javascript jquery

我必须下载一个file (pdf/zip/txt ...)使用jquery.

我试过了什么?

<a href="abc.pdf">click</a>
Run Code Online (Sandbox Code Playgroud)

当我点击链接时,文件在浏览器中打开.

使用jquery ...

$('a').click(function(e)
{
e.preventDefault();
var link = $(this).attr('href');
window.location = link;
});
Run Code Online (Sandbox Code Playgroud)

这也导致在浏览器中打开文件.但我想下载它不在浏览器中显示.

PHP我们可以使用header('Content-Disposition: attachment; filename="test.mp3"');

但我必须只使用 jquery/javascript..

小智 10

您可以使用新的HTML5下载属性触发下载.

<a href="path_to_file" download="proposed_file_name">Download</a>
Run Code Online (Sandbox Code Playgroud)

path_to_file是绝对路径或相对路径,proposed_file_name是要保存的文件名(可以是空白,然后默认为实际文件名).