reol44 2022-05-23 22:13 采纳率: 40%
浏览 387
已结题

js实现Post导出excel乱码

问题描述

给自己的web系统写了个导出表格excel文件的代码,用到是ajax请求post方法的接口,返回后对其response保存为xls文件,但是保存后一直是乱码的,显示格式错误,使用postman测试了导出接口,发现是没有问题的,直接send and download可以下载正确的xls文件

源代码

js部分 请求接口,创建url,下载

这个代码是网上抄过来改的,确实能post触发下载,也下载到了文件,就是文件格式不太对劲

$.ajax({
    type: 'post',
    url: window.BASE_URL + window.paths.userListXls,
    data: JSON.stringify({
        filtrate: {
            limit,
            offset,
            ...filtrate
        },
        dictionary,
        sheetName: sheetName,
    }),
    contentType: "application/json;charset=UTF-8",
    responseType: 'blob'
}).then((res, statusTest, xhr) = >{
    window.xhrr = xhr;
    console.log(xhr, res == xhr.responseText) let disposition = xhr.getResponseHeader("Content-Disposition");
    let fileName = disposition.slice(disposition.indexOf("fileName=") + 9);
    const blob = new Blob([res], {
        type: "application/vnd.ms-excel;charset=utf-8"
    });
    // 创建一个超链接,将文件流赋进去,然后实现这个超链接的单击事件
    const elink = document.createElement('a');
    elink.download = fileName;
    elink.style.display = 'none';
    elink.href = URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    URL.revokeObjectURL(elink.href); // 释放URL 对象
    document.body.removeChild(elink);
})

java后台

@RequestMapping(value = "/xls/export", method = RequestMethod.POST)
public @ResponseBody 
String excelExportHandle(HttpServletRequest req, HttpServletResponse res) {
    try {
        ExportGuide guide = (ExportGuide) req.getAttribute("guide");
        // 数据
        JSONArray data = (JSONArray) req.getAttribute("data");
        ServletOutputStream out = res.getOutputStream();
        try {
            res.setHeader("Content-Disposition", "attachment;fileName=" + URLEncoder.encode(guide.getFileName() + guide.getType().getSuffix(), "UTF-8"));
            res.setContentType("application/vnd.ms-excel;charset=utf-8");
        } catch(UnsupportedEncodingException e1) {
            e1.printStackTrace();
        }
        // 数据转换成workbook
        Workbook workbook = ExcelUtils.listToXls(guide.getFileName(), data, ExcelUtils.getDictionary(guide.getDictionary()), guide.isHasHeader());
        workbook.write(out);
        out.flush();
        out.close();
        return null;
    } catch(Exception e) {
        e.printStackTrace();
        return "fail";
    }
}
  • 写回答

1条回答 默认 最新

报告相同问题?

问题事件

  • 系统已结题 6月1日
  • 已采纳回答 5月24日
  • 创建了问题 5月23日

悬赏问题

  • ¥40 通过编制程序计算圆管内层流充分发展对流换热,参数如图5-4,以及公式5-16所示,要求用表5-6对程序计算准确性进行验证
  • ¥20 该学习哪个编程语言? AI会取代程序员吗?
  • ¥15 ensp如何拼通IP地址
  • ¥15 saber软件导入Ibis模型报错
  • ¥15 商城生产日期批次库存问题
  • ¥15 esp8266控制共阳极wrgb灯板无法关闭所有led灯
  • ¥100 python读取速度问题
  • ¥15 stm32f407使用DMA问题
  • ¥15 您好 这个API接口该怎么弄 网站搭建好了 API也有 现在就不知道该怎么填写API 不知道怎么用
  • ¥88 用uniapp写一个多端的程序,用到高德地图,用高德的JSAPI吗?