React获取Java后台文件流并下载Excel文件流程解析
网络编程 2021-07-04 15:03www.168986.cn编程入门
这篇文章主要介绍了React获取Java后台文件流下载Excel文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
记录使用blob对象接收java后台文件流并下载为xlsx格式的详细过程,关键部分代码如下。
首先在java后台中设置response中的参数:
public void exportExcel(HttpServletResponse response, String fileName, String sheetName, List<String> titleRow, List<List<String>> dataRows) { OutputStream out = null; try { // 设置浏览器解析文件的mime类型,如果js中已设置,这里可以不设置 // response.setContentType("application/vnd.ms-excel;charset=gbk"); // 设置此项,在IE浏览器中下载Excel文件时可弹窗展示文件下载 response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "UTF-8")); // 允许浏览器访问header中的FileName response.setHeader("Aess-Control-Expose-Headers", "FileName"); // 设置FileName,转码防止中文乱码 response.setHeader("FileName", URLEncoder.encode(fileName, "UTF-8")); out = response.getOutputStream(); ExcelUtils.createExcelStream(out, sheetName, titleRow, dataRows); out.close(); } catch (Exception e) { if (Objects.nonNull(out)) { try { out.close(); } catch (IOException e1) { log.error("导出失败", e); } } throw Exceptions.fail(ErrorMessage.errorMessage("500", "导出失败")); } }
此时在浏览器的调试面板中可以看到导出接口的response header参数如下:
aess-control-allow-credentials: true
aess-control-allow-methods: GET,POST,PUT,DELETE,OPTIONS
aess-control-allow-origin: http://local.dasouche-inc.:8081
aess-control-expose-headers: FileName
connection: close
content-type: application/vnd.ms-excel;charset=gbk
date: Sun, 29 Mar 2020 10:59:54 GMT
filename: %E4%B8%BB%E6%92%AD%E5%88%97%E8%A1%A8166296222340726.xlsx
接下来我们在前端代码中获取文件流:
handleExport = () => { axios.post(`下载文件的接口请求路径`, {}, { params: { 参数名1: 参数值1, 参数名2: 参数值2 }, // 设置responseType对象格式为blob responseType: "blob" }).then(res => { // 创建下载的链接 const url = window.URL.createObjectURL(new Blob([res.data], // 设置该文件的mime类型,这里对应的mime类型对应为.xlsx格式 {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'})); const link = document.createElement('a'); link.href = url; // 从header中获取服务端命名的文件名 const fileName = decodeURI(res.headers['filename']); link.setAttribute('download', fileName); document.body.appendChild(link); link.click(); }); };
至此就可以愉快地下载xlsx格式的文件啦~
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程