HTML怎么用正则表达式校验压缩包文件类型-html教程-PHP中文网

前端无法用正则校验压缩包内文件类型，因正则仅能匹配file.name或file.type，而二者均不反映zip/rar内部结构；真正有效的校验必须由后端流式解压并检查每个条目的真实mime和文件名。

html怎么用正则表达式校验压缩包文件类型

前端无法用正则表达式校验压缩包内文件类型——pattern 和任何 JavaScript 正则都只能作用于 file.name 或 file.type，而这两者完全不反映 ZIP/RAR 内部内容。

为什么 pattern=".zip" 根本没用

浏览器的 accept 属性和 pattern 都只影响文件选择器界面或表单提交前的简单字符串匹配，它们对压缩包内部结构零感知：

accept=".zip"：仅让文件对话框默认过滤后缀，用户点“所有文件”就能选 payload.exe.zip 或 safe.jpg
pattern="\.zip$"：只能检查文件名是否以 .zip 结尾，但 report.ZIP、data (1).zip、malware.zip.txt 全部绕过
file.type === "application/zip"：在部分安卓 WebView 中返回空字符串；即使命中，也只说明“这看起来像 ZIP”，不保证里面没 shell.js 或 ../etc/shadow

前端能做的唯一有效正则校验

仅限对 file.name 做大小写不敏感的后缀白名单过滤，并配合体积限制：

const file = input.files[0];
const ext = file.name.split('.').pop().toLowerCase();
if (!/^(zip|rar|7z|tar\.gz)$/.test(ext)) {
  alert("仅支持 .zip、.rar、.7z、.tar.gz 格式");
  input.value = ""; // 清空防止重复触发
  return;
}
if (file.size > 50 * 1024 * 1024) { // 50MB
  alert("文件不能超过 50MB");
  return;
}

注意：/^(zip|rar|7z|tar\.gz)$/ 必须转义点号，且不能加 i 标志（pattern 属性不支持）；实际使用中建议用 String.prototype.toLowerCase() 统一处理再比对。