前端如何实现多文件下载以及单文件下载
**单文件下载**
let aLink = document.createElement('a') // 创建a标签
aLink.href = this.downloadurl; // 设置下载地址
aLink.download = this.downloadname;// 设置下载文件名
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink);
**多文件下载**
// data为接口返回文件列表 filename :文件名称 filessavepath 为文件下载路径
// a标签中 href为下载地址 download为下载文件的名称
for (var i = 0; i < data.length; i++) {
this.downloadname = data[i].filename + '.' + data[i].filetype;
this.downloadurl = data[i].filesavepath;
if (this.isIE) { // IE
window.open(downloadurl, '_blank')
} else {
let aLink = document.createElement('a') // 创建a标签
aLink.href = this.downloadurl; // 设置下载地址
aLink.download = this.downloadname;// 设置下载文件名
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink);
}
}