excel表导入导出

excel表导入导出

导出excel

调用导出员工接口-----接收二进制流blob-----下载文件

  • 导出员工接口返回的是二进制流blob
  • axios配置responseType为blob,接收二进制流格式是blob
  • file-saver 实现下载blob文件

步骤

  • 1.封装一个导出的api接口

    js 复制代码
    // 导出员工的excel
    export function exportEmployee() {
      return request({
        url: `/sys/user/export`,
        responseType: 'blob', // 默认值
      })
    }
  • 下载file-saver

    js 复制代码
    import { saveAs } from 'file-saver';
    async exportEployee(){
         let res =await exportEmployee()
         console.log(res)  //blob对象
        //  FileSaver.saveAs(blob对象,'文件名称')
        // 再浏览器中保存文件
         saveAs(res,'员工信息表.xlsx')
        },
相关推荐
半个落月6 小时前
从零梳理 React Router:路由、懒加载、嵌套页面与登录鉴权
前端·react.js
tedcloud1236 小时前
Impeccable 部署指南:开源前端设计工具 Linux 环境搭建实践
linux·运维·服务器·前端·人工智能·开源
默_笙7 小时前
🚩 React + TypeScript 的 Props 通信,我从"把事件对象传给父组件"进化到了"只传值"
前端·javascript
渣波7 小时前
赋予 React “多线程”:Hooks + Web Worker 并发计算架构深度解析
前端·javascript
光影少年7 小时前
Codex 斜杠指令体系与业务场景调度实战
前端·react.js·reactivex
90后的晨仔7 小时前
uni-app中如何跳转?
前端
Y3815326628 小时前
SERP API 请求体 Gzip 压缩优化实战:大数据量降带宽 80%
开发语言·前端·php
踩着两条虫9 小时前
VTJ.PRO AI Agent 技术白皮书
前端·vue.js·低代码
子兮曰9 小时前
解剖 Claude Code:从入口架构逆向工程看 AI 编程工具的信任边界设计
前端·后端·claude
先吃饱再说9 小时前
层层传递太“痛”了:useContext 给 React 组件装了个“无线遥控器”
前端·react.js·前端框架