FileSaver生成文件与原文件内容不一致：Blob处理Base64 Excel问题

这种问题我之前帮人排查过好多次，核心问题基本都出在前端处理Base64时的非有效字符残留或者二进制转换步骤错误上。你用命令行工具能正常还原，是因为base64 -d会自动忽略编码里的换行、空格这类无关字符，但前端的atob函数可不会这么智能，这些多余字符会直接导致解码后的二进制数据和原文件不符。

第一步：清理Base64字符串里的无效字符 #

服务器返回的带换行的Base64（每76个字符换行是Base64的标准换行规则）里的\n、\r甚至可能存在的空格，都是解码时的干扰项，必须先清理掉：

// 假设serverData是从后端拿到的带换行的Base64内容
const cleanedBase64 = serverData.replace(/[\n\r\s]/g, '');

第二步：正确完成Base64→二进制→Blob的转换 #

直接把Base64字符串丢进Blob是错误的，因为Blob默认会用UTF-8编码处理字符串，而Excel是二进制文件，必须先把Base64解码成原始二进制字节：

// 解码清理后的Base64
const binaryStr = atob(cleanedBase64);
// 把二进制字符串转换成Uint8Array（这是Blob能正确识别的二进制格式）
const byteArray = new Uint8Array(binaryStr.length);
for (let i = 0; i < binaryStr.length; i++) {
  byteArray[i] = binaryStr.charCodeAt(i);
}
// 创建Blob时务必指定正确的MIME类型
const excelBlob = new Blob([byteArray], {
  type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
});
// 最后用FileSaver保存
saveAs(excelBlob, 'copy.xlsx');

额外排查点 #

• 如果服务器返回的Base64带有data:application/vnd.openxmlformats...;base64,这类前缀，记得先把前缀切掉，比如用serverData.split(';base64,').pop()拿到纯Base64内容。
• 确认MIME类型完全正确：xlsx格式必须用application/vnd.openxmlformats-officedocument.spreadsheetml.sheet，如果写成application/excel这类旧类型，也可能导致文件损坏。

按照这个流程处理后，生成的Excel文件应该就能和原文件完全一致了，你可以用cmp命令再验证一下～

内容的提问来源于stack exchange，提问作者Scott Deerwester