js导入导出excel(实例代码)

下面是关于 JavaScript 导入导出 Excel 的详细攻略，主要包括以下几个方面的内容：

1. Excel 文件格式
2. 导出 Excel
3. 导入 Excel
4. 示例代码

1. Excel 文件格式

在导出 Excel 之前，我们需要了解 Excel 文件格式与其它文本文件的不同之处。Excel 文件主要分为两种格式：xls 和 xlsx。其中，xls 是二进制格式，文件体积较大，而 xlsx 是基于 XML 的文件格式，相对较小。在使用 JavaScript 导入导出 Excel 时，我们一般使用 xlsx 格式。

2. 导出 Excel

下面我们来介绍如何使用 JavaScript 导出 Excel。

首先，我们需要引入 xlsx.js 库。这是一个基于纯 JavaScript 的 Excel 解析器和编写器，可以在浏览器和 Node.js 环境中使用。

<!-- 在 HTML 文件中引入 xlsx.js -->
<script src="path/to/xlsx.js"></script>

然后，我们可以先定义要导出的数据，将其转换成一个 Worksheet 对象，再将 Worksheet 对象转换成一个 Workbook 对象：

// 定义要导出的数据
var data = [
  ['姓名', '年龄', '性别'],
  ['张三', 18, '男'],
  ['李四', 22, '女'],
  ['王五', 30, '男'],
];

// 将数据转换成 Worksheet 对象
var worksheet = XLSX.utils.aoa_to_sheet(data);

// 将 Worksheet 对象转换成 Workbook 对象
var workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

// 导出 Excel
XLSX.writeFile(workbook, 'data.xlsx');

这个示例将定义一个二维数组，并将其转换成一个 Worksheet 对象。再将 Worksheet 对象添加到一个 Workbook 对象中，导出一个 data.xlsx 文件。

3. 导入 Excel

下面我们来介绍如何使用 JavaScript 导入 Excel。

我们同样需要引入 xlsx.js 库。然后，可以使用 JavaScript 读取本地的 Excel 文件，并将其转换成一个 JSON 对象：

<!-- 在 HTML 文件中引入 xlsx.js -->
<script src="path/to/xlsx.js"></script>

<!-- 添加文件上传表单 -->
<input type="file" id="file" onchange="handleFile()">

// 处理上传文件
function handleFile() {
  // 获取上传的文件
  var files = document.getElementById('file').files;
  if(files.length <= 0) {
    return;
  }

  // 读取文件内容
  var reader = new FileReader();
  reader.onload = function(e) {
    var data = e.target.result;
    var workbook = XLSX.read(data, {type: 'binary'});

    // 将 Excel 转换成 JSON 对象
    var sheetName = workbook.SheetNames[0];
    var worksheet = workbook.Sheets[sheetName];
    var jsonData = XLSX.utils.sheet_to_json(worksheet);

    console.log(jsonData); // 输出 JSON 数据
  };
  reader.readAsBinaryString(files[0]);
}

这个示例会在上传 Excel 文件时触发 handleFile() 函数，调用 FileReader 对象的 readAsBinaryString() 方法将文件内容读取为二进制字符串，并使用 XLSX.read() 方法将其转换成一个 Workbook 对象。然后，获取 Workbook 对象中的第一个 Sheet 并将其转换成一个 JSON 对象。

4. 示例代码

下面是一些示例代码，分别为导出和导入 Excel 的示例：

导出 Excel 示例

var data = [
  ['姓名', '年龄', '性别'],
  ['张三', 18, '男'],
  ['李四', 22, '女'],
  ['王五', 30, '男'],
];

var worksheet = XLSX.utils.aoa_to_sheet(data);
var workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

XLSX.writeFile(workbook, 'data.xlsx');

导入 Excel 示例

function handleFile() {
  var files = document.getElementById('file').files;
  if(files.length <= 0) {
    return;
  }

  var reader = new FileReader();
  reader.onload = function(e) {
    var data = e.target.result;
    var workbook = XLSX.read(data, {type: 'binary'});

    var sheetName = workbook.SheetNames[0];
    var worksheet = workbook.Sheets[sheetName];
    var jsonData = XLSX.utils.sheet_to_json(worksheet);

    console.log(jsonData);
  };
  reader.readAsBinaryString(files[0]);
}

以上就是 JavaScript 导入导出 Excel 的完整攻略，希望能对你有所帮助！