跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 综合服务 > 社群媒体 > 前端调用后端接口,导出excel文件打开显示[object object]

前端调用后端接口,导出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,作者:付梓,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论