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')
        },
相关推荐
涛涛ing5 小时前
周下载量1.1亿的Tailwind,为什么养不活自己?
前端
变与不变8066 小时前
JS事件机制精讲
前端·javascript
装备研究社6 小时前
Promise 的五个状态,90% 的人只说对了三个
前端
小聪7086 小时前
elpis-core 抽离 npm 包过程的难点和卡点
前端·架构
钱栈up6 小时前
坯料管理导入功能bug修复:只改前端一个文件就解决问题
前端·bug
沉迷...6 小时前
Git skip-worktree 使用笔记(本地忽略配置文件)
javascript·git
石小石Orz7 小时前
民间AI排行榜单新鲜出炉,Fable 5.1仅排第三
前端·后端·ai编程
FYKJ_20107 小时前
【毕设分享】基于Web的校园兼职信息发布与申请系统07059
前端·vue.js·spring boot·mysql·typescript·spark·课程设计
Data-Miner8 小时前
AI处理数据的脚本复用与逻辑复用有什么区别?哪种方式更能沉淀工作成果
数据分析·excel
志尊宝8 小时前
Vue3 零基础每日笔记(032):Suspense 与异步组件——懒加载与顶层 await 终极方案
前端·javascript·vue.js·笔记·html5