由 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/
// JavaScript Document//功能:导出多个表格到EXCEL或者ET
//调用方法:toExcel('要导出的表格ID,以|分隔多个表格','输出到excel中的工作薄名称','导出的方式,0为不带格式,1为带格式','要导出的列数')
var idTmr = ""
function Cleanup() {
window.clearInterval(idTmr)
CollectGarbage()
}
function toExcel(tableId,sheetname,method,cols){
if(!confirm("确认导出数据到EXCEL?")){return false}
var tables=tableId.split("|")
for(var n=0n<tables.lengthn++){
if(!document.getElementById(tables[n])){
alert("表格"+tables[n]+"不存在,请检查是否有数据输出")
return false
}
}
try{
var oXL = new ActiveXObject("excel.Application")
}catch(e1){
try{
var oXL = new ActiveXObject("et.Application")
}catch(e2){
alert(e2.description+"\n\n\n要使用EXCEL对象,您必须安装Excel电子表格软件\n或者,需要安装Kingsoft ET软件\n\n同时浏览器须使用“ActiveX 控件”,您的浏览器须允许执行控件。")
return
}
}
try {
var m=1
oXL.Visible = true
oXL.ScreenUpdating=false
//oXL.Calculation=-4135
var oWB = oXL.Workbooks.Add
var oSheet = oWB.ActiveSheet
var xlsheet = oWB.Worksheets(1)
for(var i=oWB.Worksheets.counti>1i--){ //删除多余工作表
oWB.Worksheets(i).Delete()
}
for(var n=0n<tables.lengthn++){
var elTable = document.getElementById(tables[n])
var oRangeRef = document.body.createTextRange()
oRangeRef.moveToElementText(elTable)
oRangeRef.execCommand("Copy")
oSheet.cells(m,1).select
oSheet.Paste() //此方式为直接粘贴,带格式
if (method == 0) {
oSheet.cells.ClearFormats
//以下删除因表头分拆后产生的空行,一般表头不会超过5行,此处检查5行数据
for(var delrow=1delrow<5delrow++){
var isBlank=true
for(var col=1col<=elTable.rows[0].cells.lengthcol++){
if(oSheet.cells(m+1,col).value!="" && oSheet.cells(m+1,col).value!=undefined){
isBlank=false
break
}
}
if(isBlank){
oSheet.Rows(m+1).Delete
}
}
}
m+=elTable.rows.length
}
//oSheet.Cells.NumberFormatLocal = "@"//格式化数字时使用
n=oSheet.Shapes.count
for(var i=1i<=ni++){
oSheet.Shapes.Item(1).Delete() //因为每次删除都会使总数减少,所以删除n次第一个对象,也可以倒过来从大到小删除
}
oXL.Selection.CurrentRegion.Select //选择当前区域
oXL.Selection.Interior.Pattern = 0 //设置底色为空
oXL.Selection.Borders.LineStyle = 1 //设置单元格边框为实线
oXL.Selection.ColumnWidth = 5 //设置列宽
oXL.Selection.RowHeight = 16 //行高
oXL.Selection.Columns.AutoFit //列宽自动适应
//xlsheet.Columns("A:Z").AutoFit //列宽自动适应
xlsheet.Rows("1:"+m).AutoFit //自动行高
xlsheet.Name=sheetname
oSheet = null
oWB = null
appExcel = null
//oXL.Calculation=-4105
oXL.ScreenUpdating=true
idTmr = window.setInterval("Cleanup()",1) //释放Excel进程,回收内存空间,避免产生多个不会自己终止的Excel进程
}catch (e) {
idTmr = window.setInterval("Cleanup()",1)
alert(e.description)
}
}
var tableRes = []//导出的excelexcel表格字符串var bodyList = []//主体
var num = 1//序号
var excelHead = []//excel表头
var resData = []//接口返回的列表
resData.map( (item,index)=>{
let tableRow = []
let count = num++
let obj = {}
obj["numberList"]= count//序号
obj["factorycode"] = item.factorycode//车间编号
obj["equipmentcode"]= item.equipmentcode//设备编号
obj["status"]= item.status//状态
})
tableRes.unshift(excelHead)//添加表头
excelHead =[];//清空表头
=========================================================
function sheet2blob(sheet, sheetName) {
sheetName = sheetName || 'sheet1'
var workbook = {
SheetNames: [sheetName],
Sheets: {}
}
workbook.Sheets[sheetName] = sheet
// 生成excel的配置项
var wopts = {
bookType: 'xlsx', // 要生成的文件类
bookSST: false, // 是否生成Shared String Table,官方解释是,如果开启生成速度会下降,但在低版本IOS设备上有更好的兼容性
type: 'binary'
}
var wbout = XLSX.write(workbook, wopts)
var blob = new Blob([s2ab(wbout)], {type:"application/octet-stream"})
// 字符串转ArrayBuffer
function s2ab(s) {
var buf = new ArrayBuffer(s.length)
var view = new Uint8Array(buf)
for (var i=0i!=s.length++i) view[i] = s.charCodeAt(i) &0xFF
return buf
}
return blob
}
function openDownloadDialog(url, saveName){
if(typeof url == 'object' &&url instanceof Blob){
url = URL.createObjectURL(url)// 创建blob地址
}
var aLink = document.createElement('a')
aLink.href = url
aLink.download = saveName || ''// HTML5新增的属性,指定保存文件名,可以不要后缀,注意,file:///模式下不会生效
var event
if(window.MouseEvent) event = new MouseEvent('click')
else{
event = document.createEvent('MouseEvents')
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
}
aLink.dispatchEvent(event)
}
function exportExcel(tableInfo){
// var tableInfo = [
// ['主要信息', null, null, '其它信息'], // 特别注意合并的地方后面预留2个null
// ['姓名', '性别', '年龄', '注册时间'],
// ['张三', '男', 18, new Date()],
// ['李四', '女', 22, new Date()]
// ]
// tableInfo = ""
var sheet = XLSX.utils.aoa_to_sheet(tableInfo)
sheet["!cols"] = [
{ wch: 8 },//宽度
{ wch: 15 },
{ wch: 15 },
{ wch: 15 },
{ wch: 15 },
{ wch: 15 },
{ wch: 15 },
{ wch: 15 },
{ wch: 20 },
{ wch: 20 },
]
// sheet['!merges'] = [
// // 设置A1-C1的单元格合并
// {s: {r: 0, c: 0}, e: {r: 0, c: 2}}
// ]
openDownloadDialog(sheet2blob(sheet), '车间订单列表.xlsx')
}
exportExcel(tableRes)