java后端输出excel流_vue实现excel文件导出,Java后端文件流输出

本文介绍了如何使用Vue前端和Java后端配合实现Excel文件的导出。在Vue中,通过axios调用接口并处理响应,利用Blob创建文件并触发下载。在Java后端,设置response内容类型为'application/vnd.ms-excel;charset=UTF-8',并设置Content-Disposition头来指定文件名,最后使用ExcelUtil将数据写入输出流。
摘要由CSDN通过智能技术生成

vue实现excel文件导出,Java后端文件流输出

vue代码

添加request请求拦截

downloadService.interceptors.response.use(

response => {

// 导出

const headers = response.headers

if(headers['content-type'] === 'application/vnd.ms-excel;charset=UTF-8'){

return response.data

}

},

error => {

return Promise.reject(error)

}

)

vue下载代码实现, axios调用接口请求数据后返回response

export function download(data, name) {

const content = data

const blob = new Blob([content])

const fileName = name

if ('download' in document.createElement('a')) { // 非IE下载

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)

} else { // IE10+下载

navigator.msSaveBlob(blob, fileName)

}

}

Java后台代码实现

response.setContentType("application/vnd.ms-excel;charset=UTF-8");

response.setCharacterEncoding("UTF-8");

try {

response.setHeader("Content-Disposition", "attachment;filename="+

java.net.URLEncoder.encode(fileName,"UTF-8"));

} catch (UnsupportedEncodingException e) {

//e.printStackTrace();

return AitgResponse.err(AitgResponse.CODE_ERROR, e.getMessage());

}

try(IExcelWriter excelWriter = ExcelUtil.getBigExcelWriter();

// OutputStream outputStream = new FileOutputStream(fileName)

OutputStream os = response.getOutputStream();) {

// 可根据实际需要,多次写入列表

excelWriter.write(list);

// 将列表内容真正的输出到 excel 文件

excelWriter.flush(os);

} catch (IOException e) {

throw new ExcelRuntimeException(e);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值