Question

什么是最好的跨浏览器的方式来打开一个下载对话框（让我们假设我们可以设置 content-disposion：附件中的标题），而无需导航离开当前页面，或打开弹出窗口，这在 Internet Explorer 中不能很好地工作（IE）6。

232

136

42

29

Answer 1

这个 javascript 很好，它不会打开一个新窗口或标签。

window.location.assign(url);

Answer 2

7 年过去了，我不知道它是否适用于 IE6，但这提示了 FF 和 Chrome 中的 OpenFileDialog。

var file_path = 'host/path/file.ext';
var a = document.createElement('A');
a.href = file_path;
a.download = file_path.substr(file_path.lastIndexOf('/') + 1);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);

Answer 3

我知道这个问题被问到7 years and 9 months ago，但许多发布的解决方案似乎不起作用，例如使用<iframe>仅适用于FireFox，不适用于Chrome。

最佳解决方案：

在JavaScript中打开文件下载弹出窗口的最佳working solution是使用HTML链接元素，无需将链接元素附加到document.body，如其他答案所述。

您可以使用以下函数：

function downloadFile(filePath){
    var link=document.createElement('a');
    link.href = filePath;
    link.download = filePath.substr(filePath.lastIndexOf('/') + 1);
    link.click();
}

在我的应用程序中，我使用它这样：

downloadFile('report/xls/myCustomReport.xlsx');

工作演示：

function downloadFile(filePath) {
  var link = document.createElement('a');
  link.href = filePath;
  link.download = filePath.substr(filePath.lastIndexOf('/') + 1);
  link.click();
}
downloadFile("http://www.adobe.com/content/dam/Adobe/en/accessibility/pdfs/accessing-pdf-sr.pdf");

Note:

您必须使用link.download属性，以便浏览器不会在新选项卡中打开文件并触发下载弹出窗口。

这是用几种文件类型（docx，xlsx，png，pdf，...）测试的。