multiple属性仅允许多选而不限制数量，数量控制需通过JavaScript监听change事件校验files.length并清空value，服务端必须二次校验，移动端存在兼容性差异。
multiple 属性本身不控制具体数量
multiple 只是一个布尔属性，作用是「允许用户选择多个文件或选项」，它不提供任何数量限制能力。浏览器看到这个属性，就放开单选限制，但不会拦截第 3 个、第 10 个或第 100 个选择——它只管“允许多选”，不管“最多几个”。
如果你在表单里写了 <input type="file" multiple>，用户点开文件选择器后，可以按住 Ctrl（Windows）或 Cmd（macOS）狂选几十个，multiple 完全不会拦。
限制多选数量必须靠 JavaScript 拦截
真正起作用的是监听 change 事件，在用户选完后立刻检查 files.length，超了就重置或提示。
- 对
type="file"：读取input.files的长度，用input.value = ''清空已选（注意不能直接赋null或undefined） - 对
type="email"或type="text"配合multiple（实际是逗号分隔），得手动切分input.value.split(',')并去空格去重 - 不要依赖
oninput或onkeyup——用户可能拖拽上传、粘贴路径、或用系统对话框批量选中，只有change是可靠触发点
示例（限制最多 3 个文件）：
立即学习“前端免费学习笔记（深入）”；
input.addEventListener('change', () => {
if (input.files.length > 3) {
alert('最多只能选 3 个文件');
input.value = ''; // 必须这样清空，否则 files 仍保留引用
}
});
服务端必须二次校验，前端限制只是体验优化
JavaScript 限制纯属客户端防护，用户禁用 JS、绕过事件、用 curl 上传，都能突破。所以：
- 后端收到
multipart/form-data时，必须检查文件数组长度，超限直接 400 返回 - Node.js（Express + multer）可配
limits: { files: 3 }；Python Flask 可在视图里取request.files.getlist('name')后 len() 判断 - 别把
maxFiles这类配置只写在前端注释里——它得真实落在后端逻辑里
移动端和 Safari 对 multiple 的支持有隐性差异
iOS Safari 在某些版本中，即使写了 multiple，原生文件选择器也只允许单选（尤其拍照场景）。这不是 bug，是系统策略。此时：
- 不能假设
input.files.length > 1一定可达成，需做好降级：比如显示“点击添加更多”按钮，每次触发一次单选，手动累积到数组 - Android Chrome 通常没问题，但部分定制 ROM（如华为 EMUI）会拦截
multiple，表现类似 iOS - 测试时务必真机连文件管理器操作，模拟器或桌面调试工具无法复现这类限制
限制数量这件事，从来不是加个属性就完事——它横跨 HTML 声明、JS 拦截、服务端兜底、以及移动端适配四个层面，漏掉任意一环，用户都能轻松绕过。
