JavaScript多文件下载

JavaScript多文件下载

a标签单文件下载
a标签下载
< a href=“文件路径” download=“文件名称”>

href属性表示 文件路径；
download 属性表示文件名

下面是w3school说明

**
a标签同时下载多个文件，我项目中的代码

1.给a标签添加onclick事件

< a href="#" οnclick=“getEnclosure(id)”>下载

2.事件函数

function getEnclosure(id){
		$.ajax({
            type: "POST",
            url: basePath+"enclosure/getEnclosureByProcess",
            async: false,
            data:{'process':id},
            success: function (data) {
              var enclosureList = data.enclosureList;
              for (let index = 0; index < enclosureList.length; index++) {
                  download(enclosureList[index].name, enclosureList[index].url);
              }
            }
        });
	}
	
	function download(name, href) {
		  //创建a标签
	      var a = document.createElement("a"), 
	      //创建鼠标事件对象
	      e = document.createEvent("MouseEvents"); 
	       //初始化事件对象
	      e.initEvent("click", false, false); 
	      //设置下载地址
	      a.href = href; 
	       //设置下载文件名
	      a.download = name;
	       //给指定的元素，执行事件click事件
	      a.dispatchEvent(e);
	  }