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')
        },
相关推荐
二两锅巴1 分钟前
📺 无需Electron!前端实现多显示器浏览器窗口精准控制与通信
前端
炸土豆5 分钟前
防抖节流里的this传递
前端·javascript
用户4099322502125 分钟前
Vue3中动态样式数组的后项覆盖规则如何与计算属性结合实现复杂状态样式管理?
前端·ai编程·trae
山璞8 分钟前
Flutter3.32 中使用 webview4.13 与 vue3 项目的 h5 页面通信,以及如何调试
前端·flutter
努力早日退休11 分钟前
Antd Image标签父元素会比图片本身高几个像素的原因
前端
林希_Rachel_傻希希11 分钟前
手写Promise--教学版本
前端·javascript·面试
ETA815 分钟前
`console.log([1,2,3].map(parseInt))` 深入理解 JavaScript 中的高阶函数与类型机制
前端·javascript
呼叫694515 分钟前
图片列表滚动掉帧的原因分析与解决方案
前端
狗哥哥18 分钟前
AI 驱动前端自动化测试:一套能落地、能协作、能持续的工程化方案
前端·测试
全栈老石22 分钟前
别再折腾端口转发了:使用 Cloudflare Tunnel 优雅地分享你的 localhost
前端·后端·全栈