vue 从后台获取文件流导出excel

最新推荐文章于 2025-05-19 15:26:42 发布

Joshua02

最新推荐文章于 2025-05-19 15:26:42 发布

阅读量7.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue js

本文链接：https://blog.youkuaiyun.com/a314753967/article/details/89136311

js 同时被 2 个专栏收录

45 篇文章

订阅专栏

vue

13 篇文章

订阅专栏

本文介绍了一种使用axios从服务器下载Excel文件的方法。通过设置响应类型为arraybuffer，并利用Blob对象和URL.createObjectURL方法，实现了将服务器返回的数据转换为可下载的.xlsx文件。此过程涉及创建a标签并触发点击事件来完成文件下载。

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

<template>
    <div class="container" ref="loadElement">
    </div>
</template>

import axios from 'axios'

export default {
  post(url, param, title) {
    axios.post(url, param, { responseType: 'arraybuffer' })
      .then((res) => {
        if(res.status == "200") {
          const aLink = document.createElement("a");
          let blob = new Blob([res.data], {type: "application/vnd.ms-excel"})
          aLink.href = URL.createObjectURL(blob)
          aLink.setAttribute('download', '客户资源' + '.xlsx') // 设置下载文件名称
          aLink.click()
          //document.body.appendChild(aLink)
          this.$refs.loadElement.appendChild(aLink)
        }
      })
  }
}