React/SPFX项目中修改现有多工作表Excel文件的工具推荐

针对你需要修改现有复杂Excel文件（保留公式、多工作表结构）的需求，下面几个库是开发者常用的解决方案：

SheetJS (xlsx) #

这是前端处理Excel最流行的库之一，支持读写.xlsx/.xls等格式，能很好保留原文件的公式、工作表结构和大部分格式。适合你的场景，因为它可以直接加载现有文件，修改指定工作表后再导出。

核心操作示例： #

// 加载现有Excel文件（假设file是用户上传的Blob或File对象）
const reader = new FileReader();
reader.onload = async (e) => {
  const data = new Uint8Array(e.target.result);
  const workbook = XLSX.read(data, { type: 'array', cellFormula: true }); // 启用公式保留

  // 获取第一个工作表
  const firstSheetName = workbook.SheetNames[0];
  const worksheet = workbook.Sheets[firstSheetName];

  // 填充数据，比如A1单元格设为"新数据"，B2设为数值100
  XLSX.utils.sheet_add_aoa(worksheet, [["新数据"]], { origin: 'A1' });
  worksheet['B2'] = { t: 'n', v: 100 }; // t:n表示数值类型，v是值

  // 生成修改后的文件
  const newData = XLSX.write(workbook, { bookType: 'xlsx', type: 'array', cellFormula: true });
  const newBlob = new Blob([newData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });

  // 如果是SPFX项目，可通过SP API将Blob上传回SharePoint文档库
};
reader.readAsArrayBuffer(file);

注意：SheetJS对复杂样式的支持有限，但如果你的核心需求是保留公式和填充数据，完全够用。

ExcelJS #

相比SheetJS，ExcelJS对Excel的格式、公式支持更全面，甚至能处理图表、透视表等复杂元素（前端场景下用得少）。它的API更偏向面向对象，操作起来更直观。

核心操作示例： #

// 加载现有文件
const workbook = new ExcelJS.Workbook();
await workbook.xlsx.load(await file.arrayBuffer());

// 获取第一个工作表
const worksheet = workbook.getWorksheet(1);

// 填充数据，比如A1单元格赋值
worksheet.getCell('A1').value = '新填充的数据';
// 填充一行数据
worksheet.addRow(['数据1', '数据2', 300]);

// 保存修改后的文件
const buffer = await workbook.xlsx.writeBuffer();
const newBlob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });

优势：对公式的保留更精准，支持更多Excel原生特性；缺点是体积比SheetJS大一些，SPFX项目中需要注意打包体积。

SPFX项目额外注意事项 #

• 文件读写权限：如果Excel文件存储在SharePoint中，需要使用SPFX的SPHttpClient获取文件的ArrayBuffer，修改后再通过FileSavePicker或者SP API上传回文档库。
• 性能优化：对于超大文件，建议在后端处理（比如Azure Function），前端只负责上传和下载，避免客户端内存溢出。
• 测试验证：修改后一定要打开文件检查公式是否正常计算，部分复杂数组公式可能需要手动触发重算（Excel打开时一般会自动重算，但可以提醒用户启用自动计算）。

内容的提问来源于stack exchange，提问作者George Rosword