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')
        },
相关推荐
LFly_ice几秒前
学习React-24-路由传参
前端·学习·react.js
Lhuu(重开版1 小时前
CSS:动效布局动画
前端·css
Q***K551 小时前
前端构建工具
前端
laocooon5238578861 小时前
创建了一个带悬停效果的“我的个人主页“按钮
前端
2013编程爱好者2 小时前
Vue工程结构分析
前端·javascript·vue.js·typescript·前端框架
小满zs3 小时前
Next.js第十一章(渲染基础概念)
前端
不羁的fang少年4 小时前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate4 小时前
el-menu折叠后文字下移
前端·javascript·vue.js
yivifu4 小时前
CSS Grid 布局详解(2025最新标准)
前端·css
o***Z4486 小时前
前端性能优化案例
前端