js 前端导出报错 格式不正确_如何使用JavaScript实现纯前端读取和导出excel文件...

js-xlsx 介绍

由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。本文全部都是以xlsx格式为例。

兼容性

兼容性如下图：

如何使用

dist目录下有很多个JS文件，一般情况下用xlsx.core.min.js就够了，xlsx.full.min.js则是包含了所有功能模块。

直接script标签引入即可：

读取excel

读取excel主要是通过XLSX.read(data, {type: type});方法来实现，返回一个叫WorkBook的对象，type主要取值如下：

base64: 以base64方式读取；

binary: BinaryString格式(byte n is data.charCodeAt(n))

string: UTF8编码的字符串；

buffer: nodejs Buffer；

array: Uint8Array，8位无符号数组；

file: 文件的路径(仅nodejs下支持)；

获取workbook对象

读取本地文件

直接上代码：

// 读取本地excel文件

function readWorkbookFromLocalFile(file, callback) {

var reader = new FileReader();

reader.onload = function(e) {

var data = e.target.result;

var workbook = XLSX.read(data, {type: 'binary'});

if(callback) callback(workbook);

};

reader.readAsBinaryString(file);

}

读取网络文件

// 从网络上读取某个excel文件，url必须同域，否则报错

function readWorkbookFromRemoteFile(url, callback) {

var xhr = new XMLHttpRequest();

xhr.open('get', url, true);

xhr.responseType = 'arraybuffer';

xhr.onload = function(e) {

if(xhr.status == 200) {

var data = new Uint8Array(xhr.response)

var workbook = XLSX.read(data, {type: 'array'});

if(callback) callback(workbook);

}

};

xhr.send();

}

详解 workbook

Workbook Object

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

可以看到，SheetNames里面保存了所有的sheet名字，然后Sheets则保存了每个