『js如何读取xlsx』js如何读取文件内容!

记录分享日常接单的体会， 关注我，了解程序员私活接单

最近在接单平台，看到这样一个任务：

给定两个输入excel文件，合并关联输出新的excel

输入1：

输入2：

输出：

身为Java后端开发，首先考虑导入导出excel数据到数据库，再通过join关联来解决问题

但是，用户预算有限，另外java本身，桌面应用或者web应用，安装成本太高，因此对于交付不友好，放弃java实现方案

受限于语言熟悉度，决定选择javascript作为解决方案

难点：读取、写入 excel文件

利器：

最终页面：

sheetjs部分功能点：

1、读取文件

function readFile(id, file) {

const reader = new FileReader();

reader.onload = function(e) {

let data = e.;

data = new Uint8Array(data);

processWb(data, {type: 'array'}), (sheetName, dataList) => {

con(sheetName, dataList)

$(`.${id}-info .rows`).html + "条")

});

};

reader.readAsArrayBuffer(file);

}

function processWb(wb, callback) {

con('---读取excel----')

dbwb = wb;

con(wb)

wb.S(function(sheetName) {

var now = new Date().getTime()

const data = XLSX.u[sheetName],{editable:true});

con('--耗时--', (new Date().getTime() - now))

callback(sheetName, data);

});

}

2、导出文件

const exportXlsx = async function() {

const HTMLOUT = document.getElementById('htmlout');

const wb = XLSX.u(HTMLOUT);

const o = await elec({

title: 'Save file as',

filters: [{

name: "Spreadsheets",

extensions: EXTENSIONS

}]

});

con);

XLSX.writeFile(wb, o.filePath);

elec({ message: "Exported data to " + o.filePath, buttons: ["OK"] });

};