（vue）将后台二进制文件转为Excel格式

最新推荐文章于 2024-04-26 16:53:19 发布

原创最新推荐文章于 2024-04-26 16:53:19 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript基础专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Vue结合Hutool工具包实现从后端获取二进制文件并转换为Excel格式进行下载的方法。通过创建a标签触发点击事件，完成文件的自动下载，同时展示了错误处理和成功提示。

（vue）将后台返回二进制文件转为Excel格式

import request from '@/utils/request'

export function excel(params) {
  return request({
    url: `/user/excel`,
    params,
    responseType: 'blob'
  })
}

UserExcel() {
      excel(Object.assign({}, this.search)).then(blob => {
        let filename = new Date(+new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
        let url = window.URL.createObjectURL(blob);
        let link = document.createElement('a');
        link.style.display = 'none';
        link.href = url;
        link.setAttribute('download', filename + '.xlsx');
        document.documentElement.appendChild(link);
        link.click();
        document.documentElement.removeChild(link);
        this.$message.success('文件导出成功')
      }).catch(() => {
        this.$message.error('文件导出失败')
      })
    },