sheetJS实现把excel导入数据库

2023-06-18 12:09| 来源: 网络整理| 查看: 265

1、问题描述

最近在做报表导入数据库的需求，报表文件为excel里面有多个sheet。

2、解决方法使用FileReader异步读取上传的文件。使用sheet.js进行excel表格内容的解析。使用bootstrap.js的tab组件对上传的表格进行一个页面预览的展示。

3、参考代码

ImportReportForm.asp

$(document).ready(function (){ $("#BtnOK").click(function(){ var fileInput=$("#uploadfile") parseFile(fileInput[0].files[0]) }); function parseFile(file){ console.log(file) var rABS = FileReader.prototype.readAsArrayBuffer; var filereader=new FileReader() filereader.onload=function(){ //回调函数 var data = this.result; console.log(data); var workbook=XLSX.read(data, {type: rABS ? 'binary' : 'array',dateNF: "yyyy-mm-dd",cellDates:true,cellStyles:true}) $("#btn0").text(workbook.SheetNames[0]) $("#btn1").text(workbook.SheetNames[1]) $("#btn2").text(workbook.SheetNames[2]) $("#tab0").html(XLSX.utils.sheet_to_html(workbook.Sheets[workbook.SheetNames[0]])) $("#tab1").html(XLSX.utils.sheet_to_html(workbook.Sheets[workbook.SheetNames[1]])) $("#tab2").html(XLSX.utils.sheet_to_html(workbook.Sheets[workbook.SheetNames[2]])) $("#sheet0").val(JSON.stringify(XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]],{header:1}))); $("#sheet1").val(JSON.stringify(XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[1]],{header:1}))); $("#sheet2").val(JSON.stringify(XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[2]],{header:1}))); } if(rABS) { filereader.readAsBinaryString(file) }else{ filereader.readAsArrayBuffer(file) } } $("#btnImport").click(function () { var i=0; for(i=0;i

4、运行结果

先选择要上传的文件