前言
github:
以往做excel表格下载功能的时候,都是后端生成好表格后,存储在某个地方,然后给前端一个链接,前端使用a标签加download下载,或者使用node。其实纯前端也是可以做表格下载的,有一个很好用的javascript插件叫js-xlsx。
js-xlsx
github:
使用js-xlsx时,前端可以将后端返回的json数据拼接成自己需要导出的格式,下载到电脑中,完全不依赖后端。导入只需像平时一样选择文件,然后解析excel表格数据,转换成json格式。目前js-xlsx对各浏览器的支持情况如下图所示:
用法
以vue使用为例
- vue-cli脚手架搭好框架
- 安装包xlsx
npm install xlsx --save
-
代码实现(全)
- 启动项目
npm run dev
效果图