技术文摘
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文件的读写操作。
- 观脉科技依托自有 SD-WAN 网络 发力实时音视频领域助力全球战疫
- CSS 伪元素的少见应用实例
- 怎样“取巧”达成微前端沙箱
- 怎样使你的脚本随处可执行?
- 使用 target="_blank" 做网页外链引发的悲剧
- 5 个开源 Java 项目快速开发脚手架助你积累项目经验
- 每日一技:Python 中密码加密的方法
- C 语言何以未过时?所需掌握语言数量几何?
- 微信收款机具于慢速网络实现快速收款的技术解析
- 怎样写出无 Bug 代码?
- 震惊!Spring Boot 内存泄露排查困难重重
- 深入探究随机游走模型与移动平均过程(Python)
- Serverless、微服务、分布式与单体:主流软件架构漫谈
- Python 开发的精美俄罗斯方块令人惊叹
- Deno 会取代 Node.js 吗?