Web端JavaScript如何检测上传文件是否为Excel文件？

在浏览器中检测上传的Excel文件，有几种不同可靠性的方案，无需依赖库也能实现精准检测，下面分情况说明：

1. 初步筛选：文件扩展名检测 #

这是最简单的方式，通过判断文件名后缀来识别，适合做前端初步过滤：

function isExcelByExtension(file) {
  // 覆盖常见的Excel文件后缀
  const validExtensions = ['.xlsx', '.xls', '.xlsm', '.xlsb', '.xltx', '.xltm'];
  const lowerFileName = file.name.toLowerCase();
  return validExtensions.some(ext => lowerFileName.endsWith(ext));
}

注意：这种方式不可靠，用户可以手动修改文件扩展名绕过检测，只能作为第一关的辅助筛选。

2. 精准检测：文件签名（Magic Number）验证 #

Excel文件有固定的二进制文件头（签名），读取文件的前几个字节就能精准判断，这是最可靠的无库方案：

• .xlsx/.xlsm/.xlsb 等基于OpenXML的格式，本质是ZIP压缩包，文件头以PK（十六进制504b0304）开头
• 旧版.xls格式的文件头是十六进制d0cf11e0

实现代码：

function isExcelBySignature(file) {
  return new Promise((resolve) => {
    const reader = new FileReader();
    // 只读取前8字节，避免加载整个文件提升性能
    reader.readAsArrayBuffer(file.slice(0, 8));
    
    reader.onload = (e) => {
      const uint8 = new Uint8Array(e.target.result);
      // 把字节转成十六进制字符串
      const signature = Array.from(uint8).map(b => b.toString(16)).join('');
      
      // 匹配两种Excel格式的签名
      const isOpenXML = signature.startsWith('504b0304');
      const isLegacyXLS = signature.startsWith('d0cf11e0');
      
      resolve(isOpenXML || isLegacyXLS);
    };
    
    reader.onerror = () => resolve(false);
  });
}

// 使用示例
document.querySelector('input[type="file"]').addEventListener('change', async (e) => {
  const file = e.target.files[0];
  if (!file) return;
  
  const isExcel = await isExcelBySignature(file);
  // 根据结果做条件渲染
  if (isExcel) {
    // 渲染Excel相关组件
  } else {
    // 提示不是有效Excel文件
  }
});

可以结合file.type做双重验证，但MIME类型可能被篡改，所以签名检测是核心。

3. 是否需要使用库？ #

• 如果仅需检测文件类型，完全不需要引入库，上面的签名检测方案足够轻量且可靠。
• 如果后续需要解析Excel内容，可以使用SheetJS（xlsx）这类库，它内部会自动处理文件类型检测，同时支持解析各种Excel格式，一举两得：

// 假设已引入SheetJS库
async function isExcelAndParse(file) {
  try {
    const arrayBuffer = await file.arrayBuffer();
    const workbook = XLSX.read(arrayBuffer, { type: 'array' });
    // 能解析出工作表即为有效Excel文件
    return !!workbook.SheetNames.length;
  } catch (err) {
    return false;
  }
}

内容的提问来源于stack exchange，提问作者Islam Y-