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')
        },
相关推荐
Face2 分钟前
路由Vue-router 及 异步组件
前端·javascript·vue.js
Nano3 分钟前
Axios 进阶指南:掌握请求取消与进度监控的艺术
前端
工呈士3 分钟前
Context API 应用与局限性
前端·react.js·面试
ArcX3 分钟前
从 JS 到 Rust 的旅程
前端·javascript·rust
胡gh4 分钟前
深入理解React,了解React组件化,脱离”切图崽“,迈向高级前端开发师行列
前端·react.js
技术小丁5 分钟前
使用 HTML + JavaScript 实现自定义富文本编辑器开发实践(附完整代码)
前端·javascript·html
Alla T30 分钟前
【前端】缓存相关
前端·缓存
christine-rr41 分钟前
征文投稿:如何写一份实用的技术文档?——以软件配置为例
运维·前端·网络·数据库·软件构建
_骁43 分钟前
记两次谷歌浏览器升级引起的bug
前端