方法1.直接:
window.location.href=url;
方法2.通过构造a标签
//路径
var url = ""
// 会打开一个空白页下载,然后空白页消失,用户体验不好
function download1() {
window.open(url);
}
// 直接下载,用户体验好
function download2() {
const link = document.createElement('a');
link.setAttribute('href', url); //设置下载文件的url地址
//link.setAttribute('download', 'download'); //用于设置下载文件的文件名
link.click();
}
download2()
多文件下载方法:iframe
//数组路径
let downloadUrls = [];
function loadFilesWin(urlsArray) {
for (let i = 0; i < urlsArray.length; i++) {
const iframe = document.createElement("iframe");
iframe.style.display = "none"; // 防止影响页面
iframe.style.height = 0; // 防止影响页面
iframe.src = urlsArray[i];
document.body.appendChild(iframe); // 这一行必须,iframe挂在到dom树上才会发请求
}
}
loadFilesWin(downloadUrls)