资讯专栏INFORMATION COLUMN

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

CoyPan / 556人阅读

摘要:使用时,前端可以将后端返回的数据拼接成自己需要导出的格式,下载到电脑中,完全不依赖后端。

前言

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使用为例

vue-cli脚手架搭好框架

安装包xlsxnpm install xlsx --save

代码实现(全)







启动项目npm run dev

效果图

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88407.html

相关文章

  • 使用 SpreadJS 实现 JavaScript 中导入导出Excel文件

    摘要:而作为一款深受用户喜爱的电子表格工具,借助其直观的界面出色的计算性能和图表工具,已经成为数据统计领域不可或缺的软件之一。使用实现的导入和导出通过纯,您完全可以实现导入和导出文件功能,并为最终用户提供与这些文件进行交互的界面。 JavaScript是一个涵盖多种框架、直译式、可以轻松自定义客户端的脚本语言,在 Web 应用程序中,更加易于编码和维护。而Excel 作为一款深受用户喜爱的电...

    Jioby 评论0 收藏0
  • 前端开发案例:用 SpreadJS 搭建信息系统软件开发平台

    摘要:葡萄城的是一个基于技术的纯控件,控件性能流畅,有类似的在线表格编辑器,适合非专业程序员设计报表模板,很符合平台部分无编码开发的理念。葡萄城控件产品对于项目的价值控件主要用于本项目中的报表设计,展示,打印等功能。 showImg(https://segmentfault.com/img/bVbalYk?w=1000&h=400); 华闽通达 - R 平台应用所使用产品:SpreadJS ...

    Heier 评论0 收藏0
  • SpreadJS 前端表格控件推出新版本,正式支持Angular 2

    摘要:数百万前端开发人员翘首期待的,日前宣布版本正式发布,全面支持是一款纯前端表格控件,也是目前市面上唯一的最接近的纯前端控件。葡萄城公司成立于年,是全球领先的集开发工具商业智能解决方案管理系统设计工具于一身的软件和服务提供商。 数百万前端开发人员翘首期待的SpreadJS,日前宣布V10.2版本正式发布,全面支持Angular2! SpreadJS 是一款纯前端表格控件,也是目前市面上唯一...

    hizengzeng 评论0 收藏0
  • SpreadJS 前端表格控件V11.1震撼来袭

    摘要:如下是具体代码示例新增单元格范围对角线,使您的表格数据更加醒目新增对单元格或范围设置对角线边框样式的功能,并支持保存到文件或打印输出。 纯前端表格控件SpreadJS 正式发布2018 V11.1 版本,新版本提供撤销/重做功能,并增强了UI和数据筛选,极大的扩展了产品的实用功能,可更加方便优雅的嵌入您的应用系统。 Spread 是一系列功能和Excel类似的表格工具,支持桌面、Web...

    Hydrogen 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<