报表：JS实现报表多文件批量导出和下载（解决浏览器拦截问题）

在报表上线后，用户在导出报表的过程当中，系统有一系列报表须要导出，为了减轻用户的工做量，能够在系统中实现一键进行多文件的批量导出，以及自定义导出文件名等。

而此时，在下载多文件时，会让浏览器认为是恶意操做，浏览器会自动进行拦截，致使不明状况的操做人员认为下载是失效的，实际上只是被浏览器拦截了而已；而咱们，能够经过修改一下文件导出和下载的代码，完成文件导出和下载

一、JavaScript事件：

在工具栏或报表中，定义一个触发的超连接或JavaScript脚本。

代码以下：

layer.prompt(
	{title:"请输入工程脱敏名称",value:dxname},function(dxname,index){
var url_last="&fid="+fid+"&structCode="+structCode+"&nodeID="+nodeID+"&dxname="+dxname+"&format=excel&__filename__="+dxname;

var OPEN_URL1="/mmd/RS?bb=7d5437c8-be42-4a37-9715-3b9f99552352"+url_last+"_单项概况";
var OPEN_URL2="/mmd/RS?bb=a4c63758-bcb5-433d-a1d6-f5b4f88cf09c"+url_last+"_专业分析";
var OPEN_URL4="/mmd/RS?bb=79b96912-2901-4de7-8b01-a17d047528e8"+url_last+"_土建含量";
var OPEN_URL5="/mmd/RS?bb=a8e8923a-f404-411c-b018-39bbfa0267c6"+url_last+"_机电含量";
var arr=new Array(OPEN_URL1,OPEN_URL2,OPEN_URL4,OPEN_URL5);

$('.wjiframe').remove();
for(var i=0;i<arr.length;i++){
	$('body').append('<iframe style="width:1px;height:1px" class="wjiframe download'+i+'" src=""></iframe>');
	$('.download'+i).attr("src",arr[i]);
	}
layer.close(index);
})

二、效果图：

如上，经过自定义触发事件，写入对应的JavaScript代码，就能够实如今用户导出的时候，弹窗导出文件名，让用户自定义导出文件名，并进行多文件的批量导出，同时让下载变成自主下载，避免浏览器拦截问题，提高系统使用性能，更提升用户工做效率，为用户带来方便。（上面是本地环境，配置不咋滴，反应慢了一点）