post方式下载excel表格

最新推荐文章于 2023-04-28 14:26:40 发布

Fayneヾ

最新推荐文章于 2023-04-28 14:26:40 发布

阅读量642

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_42988734/article/details/114984204

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用POST请求从服务器下载Excel文件的方法。通过设置响应类型为'blob'，利用Blob对象读取服务器返回的数据，并进一步转换为Base64字符串以便触发下载。此过程涉及到了FileReader API的应用。

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

post方式下载excel表格

request({
        method: 'post',
        url: this.exportUrl,
        data: data,
        responseType: 'blob' // 服务器返回的数据类型
      }).then((res) => {
        const blob = new Blob([res], { type: 'application/force-download' }) // Blob 对象表示一个不可变、原始数据的类文件对象
        const fileReader = new FileReader() // FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件的内容
        fileReader.readAsDataURL(blob)
        // 开始读取指定的Blob中的内容。一旦完成，result属性中将包含一个data: URL格式的Base64字符串以表示所读取文件的内容
        fileReader.onload = (e) => {
          const a = document.createElement('a')
          a.download = `表格.xls`
          a.href = e.target.result
          document.body.appendChild(a)
          a.click()
          document.body.removeChild(a)
        }
      }).catch(err => {
        console.log(err)
      })