技术文摘
js-xlsx.js的使用方法
2025-01-09 15:42:29 小编
js-xlsx.js的使用方法
在前端开发中,处理Excel文件是一项常见的任务。js-xlsx.js是一个强大的JavaScript库,它提供了在浏览器和Node.js环境中读取、写入和操作Excel文件的功能。下面将介绍js-xlsx.js的基本使用方法。
引入js-xlsx.js库。在HTML文件中,可以通过在
标签中添加以下代码来引入:<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.3/xlsx.full.min.js"></script>
接下来,我们来看如何读取Excel文件。假设我们有一个文件上传按钮,用户可以选择一个Excel文件进行上传。当文件被选中后,可以使用以下代码来读取文件内容:
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', function (e) {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = function (e) {
const data = new Uint8Array(e.target.result);
const workbook = XLSX.read(data, { type: 'array' });
const sheetName = workbook.SheetNames[0];
const sheet = workbook.Sheets[sheetName];
const jsonData = XLSX.utils.sheet_to_json(sheet);
console.log(jsonData);
};
reader.readAsArrayBuffer(file);
});
上述代码首先获取用户选择的文件,然后使用FileReader读取文件内容,将其转换为Uint8Array格式,再通过XLSX.read方法解析为工作簿对象,最后将工作表数据转换为JSON格式并输出。
如果要将数据写入Excel文件,可以使用以下代码:
const data = [
{ name: 'John', age: 25 },
{ name: 'Alice', age: 30 }
];
const worksheet = XLSX.utils.json_to_sheet(data);
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
XLSX.writeFile(workbook, 'example.xlsx');
这段代码首先定义了一个数据数组,然后将其转换为工作表对象,接着创建一个新的工作簿并将工作表添加到工作簿中,最后使用XLSX.writeFile方法将工作簿保存为Excel文件。
js-xlsx.js为前端开发人员提供了方便的Excel文件处理功能,通过掌握其基本使用方法,可以在项目中轻松实现Excel文件的读写操作。
- 那些年你深研的 ConcurrentHashMap
- 总监再临 人狠话不多 此篇 gRPC 令人佩服
- 手写 Flexible.js 原理实现 让我弄懂移动端多端适配
- Go 泛型下函数式编程的实用性研究
- Python 揭秘《红楼梦》人物关系,令人震惊!
- RocketMQ 中 Push 消费方式的精妙实现
- Stream 流原理及用法总结,你掌握了吗?
- RocketMQ 开源消息中间件详解系列
- 美团数据平台中的 Kafka 实践
- Taichi 助力 Python 加速:超 100 倍提速!
- TIOBE 编程语言排行榜遭“吐槽”
- 美团 CI/CD 流水线引擎:系统成功率超 99.99%的演进实践
- 功能测试与非功能测试:能否非此即彼选择?
- 100 条未读消息的实现方式:七种技术方案
- Spring 事务控制策略与 @Transactional 失效问题避坑探讨