文件流导出为excel无法打开的问题

最新推荐文章于 2024-06-16 12:03:57 发布

原创最新推荐文章于 2024-06-16 12:03:57 发布 · 2.6k 阅读

6 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

3 篇文章

订阅专栏

这段代码展示了如何使用axios库创建一个Promise，配置基础URL、超时时间、请求头和响应类型来导出文件。在导出接口中，它接收参数并转换为Blob，然后创建一个隐藏的a标签用于下载xlsx格式的部队信息文件。

export function filePost(url, params, config) {
    let userAuth = JSON.parse(sessionStorage.getItem("userAuth"));
    return new Promise((resolve, reject) => {
        axios.create({
            baseURL: baseUrl,
            timeout: 15000,
            headers: {
                "Content-Type": "application/json-patch+json",
                "Authorization": userAuth.token_type + " " + userAuth.access_token,
            },
            responseType: "arraybuffer" //必须设置，不然导出的文件无法打开
        })
            .post(url, params, config)
            .then(res => {
                resolve(res);
            })
            .catch(err => {
                reject(err);
            });
    });
}

导出接口：

  const exportExl = () => {
    store
      .exportExl({
        shop: 'shopNumber,shopName,road,shopAddress',
        shopNumber: 'S000075,S000002,S000077',
      })
      .then((res) => {
        const blob = new Blob([res], {
          type: 'application/vnd.ms-excel;charset=utf-8',
        })
        const fileName = '部队信息.xlsx'
        const elink = document.createElement('a')
        elink.download = fileName
        elink.style.display = 'none'
        elink.href = URL.createObjectURL(blob)
        document.body.appendChild(elink)
        elink.click()
        URL.revokeObjectURL(elink.href) // 释放URL 对象
        document.body.removeChild(elink)
      })
  }