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')
        },
相关推荐
我是华为OD~HR~栗栗呀26 分钟前
华为OD-23届-测试面经
java·前端·c++·python·华为od·华为·面试
β添砖java1 小时前
vivo响应式官网
前端·css·html·1024程序员节
web打印社区6 小时前
使用React如何静默打印页面:完整的前端打印解决方案
前端·javascript·vue.js·react.js·pdf·1024程序员节
喜欢踢足球的老罗6 小时前
[特殊字符] PM2 入门实战:从 0 到线上托管 React SPA
前端·react.js·前端框架
小光学长7 小时前
基于Vue的课程达成度分析系统t84pzgwk(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
林月明7 小时前
【VBA】自动设置excel目标列的左邻列格式
开发语言·excel·vba·格式
Baklib梅梅8 小时前
探码科技再获“专精特新”认定:Baklib引领AI内容管理新方向
前端·ruby on rails·前端框架·ruby
南方以南_8 小时前
Chrome开发者工具
前端·chrome
YiHanXii8 小时前
this 输出题
前端·javascript·1024程序员节
楊无好8 小时前
React中ref
前端·react.js