纯JS实现兼容IE8的多文件下载

准备

Tomcat实现文件服务器部属

首先需要您需要利用Tomcat软件部属一台可允许用户通过http协议访问的文件服务器，并通过Tomcat软件制作好服务器本地文件夹的网络地址映射。

实现

JS实现代码块

//btn绑定点击事件
btnDownload.onclick = function () {

		var DowloadPath ="文件夹名/文件名;文件夹名/文件名";
		//固定文件服务器地址
		var FileServerAddress = "http:*:端口号/文件服务器文件夹目录";
		var root =DowloadPath;
		var file1 = root.split(";");
		//申明下载对象
		var rootDir = {
			"name":"",
			"file":[]
		};
		//向下载对象中组织文件夹名称、文件名称
		for(var i=0;i<file1.length;i++){
			var file2 = file1[i].split("/");
			//file2[0]就是文件夹名
			rootDir.name = FileServerAddress + "/" +file2[0];
			//file2[1]就是文件名
			rootDir.file.push("/"+file2[1]);
		}
		var dir = rootDir;
		if(dir != "{}"){
			if(dir.file.length != 0){
				for(var i = 0; i< dir.file.length; i++){
						var iframe = document.createElement("iframe");
						 // 防止在页面中显示
						iframe.style.display = "none";
						 // 防止防止在页面中显示
						iframe.style.height = 0;
						//组织iframe链接地址
						iframe.src = dir.name + dir.file[i];
						 //将iframe挂在dom树上才会发请求
						document.body.appendChild(iframe);
						setTimeout(function(){
							iframe.remove();
						}, 100);
				}
			}
		}
}