javascript - 如何使用 JavaScript 或 jQuery 从 URL 下载文件？

Question

我使用 jQuery fileDownload 插件从 URL 下载文件。

$.fileDownload(url,{
    contentType: "text/csv",
    contentDisposition: 'attachment; filename=' + 
        url.split("/").pop()
})
.done(function(){console.log('successfully downladed')})
.fail(function(){ console.log(`request failed`)});

我什至尝试过使用 JavaScript，但它不起作用

var a = document.createElement("a");
document.body.appendChild(a);
a.href = url;
fileName = url.split("/").pop();
a.download = fileName
a.click();
window.URL.revokeObjectURL(url);
a.remove();

Answer 1

您的 JavaScript 不工作可能是因为您在添加 href 和 download 属性之前将 a 附加到 body。

在触发 click 之前追加

另请记住，这仅适用于具有同源 URL ( Source) 的文件。

This attribute only works for same-origin URLs.

var a = document.createElement("a");
a.href = url;
fileName = url.split("/").pop();
a.download = fileName;
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
a.remove();