在做POI导出Excel的时候,遇到了浏览器不弹出下载框的问题
问题发现
debug跟进发现输出流已经成功写入,而且程序没有报错,可就是没有下载提示
在前台控制器的XHR-response中查看返回数据,发现是乱码,经过一番查找发现了问题所在
我是使用Ajax访问的后台方法,但是Ajax的数据传输都是字符串形式,而POI返回的Excel数据是二进制流的形式,所以前台会出现乱码问题,导致浏览器认为无法下载
问题解决
既然无法使用Ajax请求,还有window.location.href,或者form表单提交等方式。
由于window.location.href属于get请求,所以使用了后者,代码如下
//在html页面添加一个form表单
<form id="export"></form>
//导出Excel工具类
function exportExcelUtils(item, url, data) {
let htmlStr = "";
let keys = Object.keys(data);
$.each(keys, function (idx, key) {
htmlStr += "<input type='hidden' name='" + key + "' value='" + data[key] + "'>";
});
item.html("").append(htmlStr);
item.attr("method", "post");
item.attr("action", url);
item.submit();
}
//调用工具类,导出excel
exportExcelUtils($("#export"), "/exportExcel", {
level: "1",
name: "zzz",
age: "25"
});
注:
工具类代码完全不需要修改,只需要根据自己的需求改第三段代码中的url和数据即可
原理就是将数据保存到表单的隐藏域,然后模拟表单提交调用后台方法