js读取本地Excel内容 |
您所在的位置：网站首页 › js读本地文件内容 › js读取本地Excel内容 |
js读取本地Excel内容
|
我们在做项目的时候可能会遇到一些需要导入导出excel数据的功能，网上看到一个开源的插件可以实现相关的功能，于是今天就花了点时间看了下这个插件的一些使用。 插件github地址：GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs 参考文章：https://www.cnblogs.com/liuxianan/p/js-excel.html 代码如下： js读取本地Excel内容 table {border:1px solid #ccc; border-collapse: collapse;width:100%;} table td {border:1px solid #ccc;text-align:center;height:30px;} table tr:first-child {background:#ccc;} js读取本地Excel内容 Excel文件内容 document.querySelector('#excel').onchange = function (e) { let file = e.target.files[0]; readWorkbookFromLocalFile(file, function(workbook) { readWorkbook(workbook); }); } // 读取本地excel文件，读取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'}); console.log(workbook); if(callback) callback(workbook); }; reader.readAsBinaryString(file); } // 转成cvs 要注意Execel表格内容不能包含英文的,不然解析出来的数据格式会有问题 function readWorkbook(workbook) { var sheetNames = workbook.SheetNames; // 工作表名称集合 var worksheet = workbook.Sheets[sheetNames[0]]; // 这里我们只读取第一张sheet var csv = XLSX.utils.sheet_to_csv(worksheet); console.log(csv); var rows = csv.split('\n'); // 转化为数组 rows.pop(); // 最后一行没用的 console.log(rows); // 打印输出的数组 let table = ``; rows.forEach(v => { let tr = ``; let td = ``; v.split(',').forEach(item => { td += `${item}` }); tr = `${td}`; table += tr; }); table = `${table}`; document.querySelector('.table').innerHTML = table; // 显示table表格 }结果：
|
【本文地址】
今日新闻 |
推荐新闻 |