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')
        },
相关推荐
一点一木9 小时前
2026 终端 AI 编码 Agent 六大工具深度横评
前端·人工智能·claude
Highcharts.js9 小时前
Highcharts React v5升级三问|最大的升级方向是什么?需要注意什么?有什么优化?
前端·javascript·react.js·前端框架·highcharts·大数据渲染·前端性能
马玉霞9 小时前
vue web端页面组件展示
前端·vue.js
129y9 小时前
JS入门参考:引擎、作用域与let/const,一起慢慢理解~
javascript
代码煮茶9 小时前
Vue3 权限系统实战 | 从 0 搭建完整 RBAC 权限管理
前端·javascript·vue.js
前端小木屋9 小时前
Node基础入门
javascript·node.js
IT_陈寒9 小时前
用了Vue的动态组件之后,我被坑得找不着北
前端·人工智能·后端
阳火锅10 小时前
💡 告别类名地狱!Tailwind CSS 语义化转换神器来了
前端·css·vue.js
ricardo197310 小时前
Core Web Vitals 全解:LCP / INP / CLS 逐个击破
前端
VillenK10 小时前
版本依赖问题:vite-plugin-dts@3.1.0 与 jiti 的兼容性
前端·typescript·vite