前端读取excel(前端读取本地文件)

纯前端如何读取excel，如何生成excel？

下面我就以JavaScript为案例来展示，实现纯前端读取和导出excel文件。

一、读取EXCEL

读取excel主要是通过方法来实现，返回一个叫的对象，type主要取值如下：

• : 以base64方式读取；
• : BinaryString格式(byte n is data.charCodeAt(n))
• : UTF8编码的字符串；
• : nodejs Buffer；
• : Uint8Array，8位无符号数组；
• : 文件的路径（仅nodejs下支持）;

获取work book对象

1.1读取本地文件代码:

1.2 读取网络文件:

解读workbook：

里面有什么东西呢，我们打印出来看一下：

可以看到，里面保存了所有的sheet名字，然后则保存了每个sheet的具体内容（我们称之为）。每一个是通过类似这样的键值保存每个单元格的内容，我们称之为单元格对象（）：

每一个表示一张表格，只要不是开头的都表示普通，否则，表示一些特殊含义，具体如下：

• ：表示所有单元格的范围，例如从A1到F8则记录为；
• ：存放一些单元格合并信息，是一个数组，每个数组由包含和构成的对象组成，表示开始，表示结束，表示行，表示列；

单元格对象

每一个单元格是一个对象（），主要有、、、、等字段（详见这里）：

• t：表示内容类型，表示string类型，表示number类型，表示boolean类型，表示date类型，等等
• v：表示原始值；
• f：表示公式，如；
• h：HTML内容
• w：格式化后的内容
• r：富文本内容

根据确定excel的范围，再根据确定单元格合并（如果有），最后输出整个table，比较麻烦，幸运的是，插件自身已经写好工具类给我们直接使用，无需我们自己遍历，工具类输出主要包括如下：

常用的主要是或者，转csv的话会忽略格式、单元格合并等信息，所以复杂表格可能不适用。转html的话会保留单元格合并，但是生成的是代码，而不是，需要对表格进行一些定制时不太方便，所以具体还是要视情况来采用合适的工具类。

二、生成excel

导出分为2种，一种是基于现有excel修改，一种是全新生成，前者比较简单，我们这里着重讲后者

2.1自己手写代码生成

导出excel文件，主要是如何生成一个，我们这里写一个最简单的csv转excel示例：

拿到上面的blob对象就可以直接下载了。

2.2 利用官方工具生成

其实上面这些代码都不需要我们手写，官方已经提供好了现成的工具类给我们使用，主要包括：

• : 这个工具类最强大也最实用了，将一个二维数组转成sheet，会自动处理number、string、boolean、date等类型数据；
• : 将一个直接转成sheet，会自动识别和并将其转成对应的单元格合并；
• : 将一个由对象组成的数组转成sheet；

以aoa_to_sheet为例: