使用xlsx插件读取Excel表格数据为JSON数据

---

一、使用步骤

1.引入库

// npm i xlsx
import xlsx from 'xlsx'

2.后端node使用

// file是Excel文件路径
const workbook = xlsx.readFile(file, { type: 'binary' })
const arr = xlsx.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]]);
const restul = []
for (const item of arr) {
    const userdata: any = item
    const keys = lodash.keys(userdata)
    const obj: any = {}
    for (const key of keys) {
      const value = userdata[key]
      switch (key) {
        case '姓名(必填)': {
          obj.name = String(value).trim()
          break
        }
        case 'ID(必填)': {
          obj.userId = String(value).trim()
          break
        }
        case '性别(必填)': {
          obj.sex = String(value).trim()
          break
        }
        case '编号(必填)': {
          obj.box_code = String(value).trim()
          break
        }
      }
    }
    restul.push(obj)
 }
// case 监听的值是表格中第一行的列名

3.前端使用

1.封装

//  封装为一个单独的文件，在项目中可以放在common文件夹下
import XLSX from "xlsx";
const fixdata = (data) => {
	var o = ''
	var l = 0
	var w = 10240
	for (; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)))
	o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)))
	return o
}

const praseExecltoJson = (file) => {
	let promise = new Promise((resolve, reject) => {
		// 导入
		// FileReader共有4种读取方法：
		// 1.readAsArrayBuffer(file) ：将文件读取为ArrayBuffer。
		// 2.readAsBinaryString(file) ：将文件读取为二进制字符串
		// 3.readAsDataURL(file) ：将文件读取为Data URL
		// 4.readAsText(file, [encoding]) ：将文件读取为文本，encoding缺省值为'UTF-8'
		let wb // 读取完成的数据
		let rABS = false // 是否将文件读取为二进制字符串

        let reader = new FileReader()
		if (rABS) {
			reader.readAsArrayBuffer(file)
		} else {
			reader.readAsBinaryString(file)
		}
		let arr = []
		reader.onload = function (e) {
			let data = e.target.result
			if (rABS) {
				wb = XLSX.read(btoa(fixdata(data)), { // 手动转化
					type: 'base64'
				})
			} else {
				wb = XLSX.read(data, {
					type: 'binary'
				})
			}
			// wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
			// wb.Sheets[Sheet名]获取第一个Sheet的数据
			arr = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])
			// console.log(JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])))
			// console.log(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]))
			// return XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])
			resolve(arr)
		}
		reader.onerror = function (e) {
			reject(arr)
		}
	})
	return promise
}

self.onmessage = function (evt) {
	let file = evt.data.file; //通过evt.data获得发送来的数据
	praseExecltoJson(file).then(res => {
		//将获取到的数据发送会主线程
        postMessage(res);
        self.close();
	})
}

2.调用

// 导入
import toJsonWorker from 'src/common/execlToJson.worker.js'


let worker = new toJsonWorker();
worker.postMessage({file: this.uploadfile});
worker.onmessage = (res)=>{
	let data = res.data;
	let importdata = this.formatData(data);
}

formatData(data) {
  if (!data) {
      return [];
  }
  let arr = [];
  for (let i = 0; i < data.length; i++) {
      let item = data[i];
      let obj = {};
      for (let key in item) {
          if (item.hasOwnProperty(key)) {
              let value = item[key];
              if (String(value).indexOf('例:') > -1) {
                  break;
              }
              switch (key) {
                  case '名称*': {
                      obj.name = String(value);
                      break;
                  }
              }
          }
      }
      if (!_.isEmpty(obj)) {
          arr.push(obj)
      }
  }
  return arr
}