纯前端实现excel表格导入导出

前言

github: https://github.com/stardew516...

以往做excel表格下载功能的时候,都是后端生成好表格后,存储在某个地方,然后给前端一个链接,前端使用a标签加download下载,或者使用node。其实纯前端也是可以做表格下载的,有一个很好用的javascript插件叫js-xlsx。

js-xlsx

github:https://github.com/SheetJS/js...
使用js-xlsx时,前端可以将后端返回的json数据拼接成自己需要导出的格式,下载到电脑中,完全不依赖后端。导入只需像平时一样选择文件,然后解析excel表格数据,转换成json格式。

目前js-xlsx对各浏览器的支持情况如下图所示:

用法

以vue使用为例

  1. vue-cli脚手架搭好框架
  2. 安装包xlsxnpm install xlsx --save
  3. 代码实现(全)

    
    
    
    
    
    
    
  4. 启动项目npm run dev

效果图

纯前端实现excel表格导入导出_第1张图片

你可能感兴趣的:(纯前端实现excel表格导入导出)