前端调用后端接口,导出excel文件打开显示[object object]
时间:2024-04-09 13:21:15 来源:网络cs 作者:付梓 栏目:社群媒体 阅读:
没有错误提示,输出也正常
一直是这样的,我也找了网上的十几个相同案例,但是都不能解决这个问题
后端传的代码:
let workbook = new exceljs.Workbook();//创建工作簿let worksheet = workbook.addWorksheet(standarsData[0]["_65766e62408d9400aff73334"]);const now = Date.now() const name = `sf_${now}.xlsx` const buffer = await workbook.xlsx.writeBuffer() $model.command("tips", {})//隐藏功能提交提示 $model.result({ code: "0", msg: "ok", data: { buffer, name } })
未解决前的前端代码:
let name=res.data.name; let buffer=res.data.buffer; const blob = new Blob([buffer], { type: 'application/octet-stream' });//这个type有很多版本,我都用过也没改成功 const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = name; a.click();
解决后端前端代码:
let name=res.data.name; const array = res.data.buffer.data; //获取到buffer内部的data const buffer = new ArrayBuffer(array.length); const view = new Uint8Array(buffer); for (let i = 0; i < array.length; i++) { view[i] = array[i]; } //主要部分是上面转化数组的部分 const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = name; a.click();
解决后:
本文链接:https://www.kjpai.cn/news/2024-04-09/155994.html,文章来源:网络cs,作者:付梓,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
上一篇:Vue3项目的三种创建方式
下一篇:返回列表