目录

后端请求返回二进制文件流,前端进行数据处理,实现下载excel表格

目录

后端请求返回二进制文件流,前端进行数据处理,实现下载excel表格

今天做一个导出excel表格的功能时,后台返回给我的是二进制的文件流,需要自己做数据处理,记录一下。

axios({
	method: 'GET',
	url: '/export',
	responseType: 'arraybuffer'
}).then((res) => {
	let data = res.data
	let url = window.URL.createObjectURL(new Blob([data],{type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}))
    let link = document.createElement('a')
    link.style.display = 'none'
    link.href = url
    link.setAttribute('download', 'excel.xlsx')
    document.body.appendChild(link)
    link.click()
    document.body.removeChild(link)
})
  • 功能实现

    https://i-blog.csdnimg.cn/blog_migrate/bf23df61bf537daa9a8a7813bbfda196.png#pic_center