要求:后台只编写下载单个文件的接口,批量下载让前端遍历发送下载请求(这个批量下载的前提要求是:一个文件一个文件的下载,不能打包):
下载demo:
前端代码:定义一个下载函数:
function downloadFile(url){
//创建标签;
const iframe = document.createElement(“iframe”);
//该标签不显示;目的是在页面不要显示该标签;
iframe.style.display = “none”;
//设置高度为0;
iframe.style.height = 0;
//设置下载路径
iframe.src = url;
// 这一行必须有,iframe绑定在dom树上才会发请求
document.body.appendChild(iframe);
// 1分钟之后删除该标签
setTimeout(function (){
iframe.remove();
}, 1 * 60 * 1000);
}
function downloadFiles(url){
var urls = [“url1”,“url2”,“url3”,“url4”];
//遍历下载路径,不断的发送下载请求;
for (var i = 0; i < urls.length; i++){
downloadFile(urls[i]);
}
}
给下载按钮绑定点击事件,指定下载函数为:downloadFiles(url);
原文地址:https://www.cnblogs.com/lalalagq/p/9901893.html