arraybuffer 转json

场景后端返回的数据是arraybuffer 类型，请求成功下载excel，失败弹出错误原因

<script setup lang="ts">
import { ElMessage} from 'element-plus';
// 下载;
const exportData = async (fileName: string) => {
  const res = await downloadExcel({ fileName: fileName});//后端接口，以及所需要的参数
  // 使用TextDecoder
  let enc = new TextDecoder();//，默认转utf-8
  let uint8_msg = new Uint8Array(res.data);
  let response = enc.decode(uint8_msg);
  if (response.includes('code')) {//文件错误时会返回code码告知错误原因，若成功直接返回文件流
    ElMessage.error(JSON.parse(response).msg);
  } else {
    use_export(res, fileName);//成功下载excel文件
  }
};
// 导出
 const use_export = (response: any, name: string) => {
    const blob = new Blob([response.data], {
      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8',
    });
    const a = document.createElement('a');
    const href = window.URL.createObjectURL(blob); // 下载的链接
    a.href = href;
    a.download = decodeURI(name);
    document.body.appendChild(a);
    a.click(); // 点击导出
    document.body.removeChild(a); // 下载完成移除元素
    window.URL.revokeObjectURL(href); // 释放掉blob对象
  };
script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30