POI导出Excel,浏览器不下载的问题解决

在做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和数据即可

原理就是将数据保存到表单的隐藏域,然后模拟表单提交调用后台方法

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页