原生JS前端 导出 流文件

//js 前端导出流文件
//utils.js文件
// method： 请求类型，url： 请求地址，data： 参数
function fileDownload(method, url, data) {
	//可删除 遮罩层开始  这里是遮罩层，我用的layer的，如果你没有用到layer就用你的遮罩层效果 ，否则你的会报错
	var myMsg = layer.msg('Please wait.....', {
        icon: 16,
        time: -1,
        shade: [0.4, '#fff']
    });
    //遮罩层结束
	var req = new XMLHttpRequest();
	req.open(method, url, true);
	req.responseType = 'blob';//设置请求类型
	req.setRequestHeader('Content-Type', 'application/json');//设置请求头
	req.onload = function() {
	 	if (this.status === 200) {//请求成功
			var data = req.response;//获取响应
			var blob = new Blob([data], {
				type: 'text/csv,charset=UTF-8'
			});//设置导出类型，编码格式
			var blobUrl = window.URL.createObjectURL(blob);
			var a = document.createElement('a');
		 	var headerName = req.getResponseHeader("Content-disposition");//获取流文件的响应头
            var fileName = decodeURIComponent(headerName).substring(20);//截取文件名
			a.download = fileName;
			a.href = blobUrl;
			//模拟点击触发下载
			a.click();
			//关闭遮罩层 开始 可删除
			layer.msg("导出成功");
			layer.close(myMsg)
			//关闭遮罩层 结束
			// 释放内存
			URL.revokeObjectURL(blobUrl);
	 	}else{//请求失败
	 		//导出失败 
	 		//关闭遮罩层 开始 可删除
	 		layer.msg("导出失败");
        	layer.close(myMsg)
        	//关闭遮罩层 结束
	 	}
	};
	req.send(data);
}

//参数不做解释:
//GET请求:
var url = "querySandBlastingReportByMt?modelName="+modelId+'&startTime='+beginTime+'&endTime='+endTime;
ajaxRequest('get', url, null)

//参数不做解释:
//HTML  POST请求：
var QRCode = ["RSH0000144479664","RSH0000144982381"];
var url = "querySandBlastingReportBySn" ;
ajaxRequest('POST', url, JSON.stringify(QRCode))

	/**
	 * 由于二维码可能超过GET的长度限制，所以转用POST接收方式
     * 导出喷砂报表数据（根据二维码）
     * @param response
     * @param snList
     */
    @RequestMapping("querySandBlastingReportBySn")
    public void querySandBlastingReport(HttpServletResponse response, @RequestBody List<String> snList) {
        .....
    }

	/**
	 * GET接收方式
     * 导出喷砂报表数据（根据机种和时间）
     * @param response
     * @param modelName 机种名称
     * @param startTime 开始时间
     * @param endTime   结束时间
     */
    @RequestMapping("querySandBlastingReportByMt")
    public void querySandBlastingReport(HttpServletResponse response, String modelName,String startTime, String endTime) {
       ....
    }

以上内容仅供参考~