blob导出文件及文件损坏处理

最新推荐文章于 2024-01-11 15:30:52 发布

Jasivc

最新推荐文章于 2024-01-11 15:30:52 发布

阅读量6.8k

点赞数 6

分类专栏：文件导出问题文章标签： react

本文链接：https://blog.csdn.net/qq_36695838/article/details/116235914

版权

文件导出同时被 2 个专栏收录

1 篇文章

订阅专栏

问题

1 篇文章

订阅专栏

这篇博客记录了在处理.xlsx和.xls文件导出时遇到的问题，包括文件乱码和损坏。解决方案是在请求中设置'responseType':'arraybuffer'或'responseType':'blob'。同时提醒注意responseType的正确位置，避免错误导致文件损坏。提供了axios的responseType相关资料和大神的文件处理建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

仅为学习记录

type内容（部分）：
文档类型

示例

.xlsx后缀的文件

const blob = new Blob([params], {
	type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
});

.xls后缀的文件

const blob = new Blob([data], {
	type: 'application/vnd.ms-excel',
});

具体实现

const url = window.URL.createObjectURL(blob)
const a = document.createElement('a');
a.href = url;
a.download = '文件名';
a.click();
window.URL.revokeObjectURL(url);