当前位置: 首页 > article >正文

后端返回二进制流前端导出下载excel文件

在这里插入图片描述
接口

/**
 * @description 
 */
export function dataExport(params?: ApiParams) {
    return request.get('/api/index', { params, responseType: 'blob'  })
}
// 有时候需要加上属性responseType: 'blob'

使用

const todataExport = () => {
    dataExport({
        month: clickTime.value || dateValue.value
    }).then(res => {
        // 创建 Blob URL
        const blob = new Blob([res], { type: 'application/octet-stream' })
        const url = window.URL.createObjectURL(blob)

        // 创建隐藏的 <a> 标签
        const a = document.createElement('a')
        a.href = url
        a.download = '...数据统计表.xlsx'
        a.style.display = 'none'
        document.body.appendChild(a)

        // 触发点击事件
        a.click()

        // 清理
        document.body.removeChild(a)
        window.URL.revokeObjectURL(url)
    })
}

http://www.kler.cn/a/405435.html

相关文章:

  • PH热榜 | 2024-11-22
  • Linux(命令行扩展+命令行历史 大白话+图片)
  • 46并发编程(线程、进程)
  • iOS UI 自动化 手势右滑退出当前页面
  • Python深度学习环境配置(Pytorch、CUDA、cuDNN),包括Anaconda搭配Pycharm的环境搭建以及基础使用教程(保姆级教程,适合小白、深度学习零基础入门)
  • 【国产MCU系列】-GD32F470-内部集成电路总线接口(I2C)
  • Vue 项目中如何使用FullCalendar 时间段选择插件(类似会议室预定、课程表)
  • VMware虚拟机Ubuntu桥接模式突然连接不上网络解决办法
  • 类文件结构详解.上
  • Linux-Apache静态资源
  • 【SpringBoot】发送各种复杂格式的邮件
  • Centos 8, add repo
  • .net 8使用hangfire实现库存同步任务
  • 分布式锁RedissonClient应用
  • 某车企ASW面试笔试题
  • Linux tcpdump 详解教程
  • 海盗王集成网关和商城服务端功能golang版
  • 重构代码之引入本地扩展
  • 【IOS】编译缓存错误Library/Caches/com.apple.mobile.installd.staging
  • 直流电表精准计量,为光伏产业续航
  • 2025蓝桥杯(单片机)备赛--扩展外设之UART1的原理与应用(十二)
  • 分治法的魅力:高效解决复杂问题的利器
  • 什么是axios?怎么使用axios封装Ajax?
  • 第1章 初识SpringMVC
  • 【滑动窗口】至少有k个重复字符的最长子串
  • 系统思考—跳出症状看全局