JavaScript无法直接读写本地Excel文件,但可通过SheetJS库实现前端导入解析(如XLSX.read)和导出生成(如XLSX.writeFile),支持.xlsx/.xls/.csv格式,无需后端参与。
JavaScript 本身不能直接读写本地 Excel 文件(如 .xlsx、.xls),因为浏览器出于安全限制,无法随意访问用户文件系统。但通过前端库(如 SheetJS)配合用户主动选择文件或触发下载,可以实现 Excel 的导入解析和导出生成,无需后端参与。
使用 SheetJS(xlsx.js) 是最主流的方式。它支持 .xlsx、.xls、.csv 等格式,纯前端解析,不上传服务器。
XLSX.read() 解析二进制内容,再用 XLSX.utils.sheet_to_json() 转成数组:document.getElementById('importFile').onchange = 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 worksheet = workbook.Sheets[sheetName];
const jsonData = XLSX.utils.sheet_to_json(worksheet);
console.log(jsonData); // [{name: "张三", score: 95}, ...]
};
reader.readAsArrayBuffer(file);
};
同样用 SheetJS,把 JS 数组转为工作表,再写入 workbook 并触发浏览器下载。
立即学习“Java免费学习笔记(深入)”;
XLSX.utils.json_to_sheet() 创建工作表XLSX.writeFile() 直接下载:const ws = XLSX.utils.json_to_sheet(data);
const wb = XLSX.utils.book_new();
XLSX.utils.book_appen
d_sheet(wb, ws, "用户列表");
XLSX.writeFile(wb, "导出数据.xlsx"); // 自动触发下载
{raw: true, defval: ""}
xlsx 或 exceljs 库在服务端解析/生成,适合需权限控制、大文件或保留样式的场景text/csv MIME 类型 + Blob 下载更轻量,兼容性更好