JS-XLS的安装是很简单的，在浏览器中使用该脚本文件，并使用脚本标记加载它：
<!-- https://github.com/SheetJS/js-xls/blob/master/xls.js -->
<script src="/path/to/xls.js"></script>
对于Node.js，只要通过NPM安装：
$ npm install xlsjs
$ node
>require('xlsjs').readFile('excel_file.xls')
然后，我们可以简单地使用他们提供的代码在他们的index.html文件解析和转换的xls文件JSON，CSV或公式为基础的输出。
function get_radio_value( radioName ) {
var radios = document.getElementsByName( radioName )
for( var i = 0i <radios.lengthi++ ) {
if( radios[i].checked ) {
return radios[i].value
}
}
}
function to_json(workbook) {
var result = {}
workbook.SheetNames.forEach(function(sheetName) {
var roa = XLS.utils.sheet_to_row_object_array(workbook.Sheets[sheetName])
if(roa.length >0){
result[sheetName] = roa
}
})
return result
}
function to_csv(workbook) {
var result = []
workbook.SheetNames.forEach(function(sheetName) {
var csv = XLS.utils.make_csv(workbook.Sheets[sheetName])
if(csv.length >0){
result.push("SHEET: " + sheetName)
result.push("")
result.push(csv)
}
})
return result.join("\n")
}
function to_formulae(workbook) {
var result = []
workbook.SheetNames.forEach(function(sheetName) {
var formulae = XLS.utils.get_formulae(workbook.Sheets[sheetName])
if(formulae.length >0){
result.push("SHEET: " + sheetName)
result.push("")
result.push(formulae.join("\n"))
}
})
return result.join("\n")
}
var tarea = document.getElementById('b64data')
function b64it() {
var cfb = XLS.CFB.read(tarea.value, {type: 'base64'})
var wb = XLS.parse_xlscfb(cfb)
process_wb(wb)
}
function process_wb(wb) {
var output = ""
switch(get_radio_value("format")) {
case "json":
output = JSON.stringify(to_json(wb), 2, 2)
break
case "form":
output = to_formulae(wb)
break
default:
output = to_csv(wb)
}
if(out.innerText === undefined) out.textContent = output
else out.innerText = output
}
var drop = document.getElementById('drop')
function handleDrop(e) {
e.stopPropagation()
e.preventDefault()
var files = e.dataTransfer.files
var i,f
for (i = 0, f = files[i]i != files.length++i) {
var reader = new FileReader()
var name = f.name
reader.onload = function(e) {
var data = e.target.result
var cfb = XLS.CFB.read(data, {type: 'binary'})
//var arr = String.fromCharCode.apply(null, new Uint8Array(data))
//var cfb = XLS.CFB.read(btoa(arr), {type: 'base64'})
var wb = XLS.parse_xlscfb(cfb)
process_wb(wb)
}
reader.readAsBinaryString(f)
//reader.readAsArrayBuffer(f)
}
}
function handleDragover(e) {
e.stopPropagation()
e.preventDefault()
e.dataTransfer.dropEffect = 'copy'
}
if(drop.addEventListener) {
drop.addEventListener('dragenter', handleDragover, false)
drop.addEventListener('dragover', handleDragover, false)
drop.addEventListener('drop', handleDrop, false)
}
JS代码很容易理解，它使用了HTML5拖放API允许我们上传文件然后看他们为二进制字符串。二进制，然后直接传递到库，并进一步分析使用此代码：
var cfb = XLS.CFB.read(data, {type: 'binary'})
var wb = XLS.parse_xlscfb(cfb)
最终，WB（Workbook）对象是处理并转换成需要的格式（JSON，CSV和Excel公式）。这没有HTML5拖放文件阅读器的API，可用于Node.js代码相同。
注：此模块不支持xlsx。为了克服这一限制，我们可以通过同一作者称为JS-XLSX用另一个包。
最近公司项目要求对之前后端excel操作做优化，需要放到前端来做。讲道理，我觉得没啥子必要，尤其是当我在官网导入一张5k+的excel时浏览器卡死后更是觉得需求之智障。但是没法子，还是要先自己做出来看看实际效果才行，我直接原地6个点......
导出
安装依赖
cnpm i xlsx --save
实现
定义公共组件Excel，该组件需要提供导出按钮，当点击时触发相应逻辑
组件可接收的参数如下
默认值如下
根据传入的type类型决定到底是显示导入、导出、预览按钮还是都显示
当点击导出按钮，触发回调
引入xlsx
导出逻辑
首先要做的就是校验是否用户自己实现了导出函数，以及传入的数据是否为数据且是否为空，由于不止导出要用，故放到untils中作公共函数，其他的辅助函数也从中导出
isVoid函数
getTable函数
getSheetHead函数
format函数
getCharCol函数
导出结果如下
改进
可能你也发现了，导出的结果是没有样式信息的,那么如何增加样式呢？答案是xlsx-style
安装依赖
cnpm i xlsx-style --save
npm install file-saver --save
xlsx-style导入报错
将报错文件copy一份，修改后放到assets目录下
找到umijs的webpack配置文件，新增如下配置
增加文字颜色和首行高亮处理
增加辅助函数calculateWidth
增加辅助函数addHeadlineStyle
导出方式使用filesave
效果如下
导入
现在，我们来完成导入功能，并且导入后需要使用表格进行分页预览
新增modal弹窗，用作预览界面
对应函数renderBody如下
对应函数renderButton如下
对应函数onPageChange如下
点击导入按钮，回调处理如下
新增的辅助函数如下
新增组件状态如下
导入预览效果如下
文档
https://www.npmjs.com/package/xlsx-style
https://github.com/eligrey/FileSaver.js
https://www.npmjs.com/package/xlsx?activeTab=readme
如有问题，欢迎评论指正哦~~
最后，还有个很重要的事情，点个赞再走吧，客官~~
https://www.cnblogs.com/liuxianan/p/js-excel.html
由 SheetJS 出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。本文全部都是以xlsx格式为例。
dist目录下有很多个JS文件，一般情况下用xlsx.core.min.js就够了，xlsx.full.min.js则是包含了所有功能模块。
JavaScript读取和导出excel示例（基于js-xlsx）
http://demo.haoji.me/2017/02/08-js-xlsx/
