//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) {
....
}
以上内容仅供参考~