HTML 与 Excel 交互：读取数据详解

function readExcelData(file) {
  // 将 Excel 文件添载到 FileReader 外
  var reader = new FileReader();
  reader.onload = function() {
    // 将 Excel 文件的形式转换为两入造字符串
    var data = reader.result;

    // 利用 XLSX 库解析两入造字符串
    var workbook = XLSX.read(data, {type: 'binary'});

    // 猎取第一个事情表外的数据
    var worksheet = workbook.Sheets[workbook.SheetNames[0]];

    // 将任务表外一切数据存储正在 JavaScript 数组外
    var dataArray = XLSX.utils.sheet_to_json(worksheet);

    // 将 JavaScript 数组外的数据示意正在页里上
    displayData(dataArray);
  };
  reader.readAsBinaryString(file);
}

function displayData(data) {
  // 正在页里上创立一个表格来透露表现数据
  var table = document.createElement('table');

  // 遍历数据并将其加添到表外
  for (var i = 0; i < data.length; i++) {
    var row = table.insertRow();
    for (var key in data[i]) {
      var cell = row.insertCell();
      cell.innerHTML = data[i][key];
    }
  }

  // 将表格加添到文档外
  document.body.appendChild(table);
}