前端如何实现多文件下载以及单文件下载

前端如何实现多文件下载以及单文件下载

**单文件下载**

	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);
			}
		}