java后端导出.csv(excel文件也可以,但需要设置一下类型)文件返回文件流,前端为了避免用户疯狂点击下载,添加遮盖屏

//下载文件
		    	function excleDownload(id, stauts) {
                 //方案一 
				//window.location.href = "/web/report/snByInfoExcel.cyl?gpId="+ id +"&stauts="+ stauts;
				 //方案二 带遮盖屏
                //我这里使用的是layer.min.js的弹窗,注意如果要使用记得引入遮盖js文件
                var loading = layer.load(2, { //icon支持传入0-2
				    shade: [0.5, '#fff'], //0.5透明度的白色背景
				    content: '导出中...',
				    success: function (layero) {
				        layero.find('.layui-layer-content').css({
				            'padding-top': '39px',
				            'width': '60px'
				        });
				    }
				})
				var url = "/web/report/snByInfoExcel.cyl?gpId="+ id +"&stauts="+ stauts;
			    var req = new XMLHttpRequest();
			    req.open('POST', url, true);
			    req.responseType = 'blob';
			    req.setRequestHeader('Content-Type', 'application/json');
			    req.onload = function() {
			    	var data = req.response;
                    //如果是excel文件 需要修改一下类型
			    	var blob = new Blob([data],{type: 'text/csv,charset=UTF-8'});
			    	var blobUrl = window.URL.createObjectURL(blob);
					var a = document.createElement('a');
						  a.download = "详细信息.csv";//如果是excel文件这里的后缀要修改或者去掉
						  a.href = blobUrl;
						  //模拟触发下载
						  a.click();
					//关闭弹窗
			    	layer.close(loading); 
					// 释放内存
				    URL.revokeObjectURL(blobUrl);
			    };
			    req.send();
			}