根本原因是漏掉三个配套条件：表单未设enctype="multipart/form-data"、后端未按多值解析、name属性未用复数或[]格式，导致multiple失效。
为什么加了 multiple 还是只能传一个文件
根本原因不是属性没写对，而是漏掉了三个配套条件：表单没设 enctype="multipart/form-data"、后端没按多值解析、name 属性没用复数或带 []。比如 <input type="file" name="file" multiple> 看似正确，但 PHP 会把同名字段覆盖，只剩最后一个；应改用 name="files[]" 或 name="files"。
常见错误现象：
- Network 面板里只看到一个
files字段 —— 很可能 FormData 只 append 了一次 - Express 收到
req.file（单文件）而不是req.files（多文件对象） - iOS Safari 16.3 及更早版本会静默忽略
multiple，用户点选后仍只返回一个文件
input[type="file"] 的 files 对象怎么安全遍历
input.files 是只读的 FileList，不是数组，直接调用 .forEach() 会报错。也不能用 JSON.stringify()，结果是空对象。
实操建议：
- 转成数组再操作：
Array.from(input.files)或[...input.files] - 逐个读取时注意大小校验：
if (file.size > 5 * 1024 * 1024) { /* 超过 5MB */ } - 避免一次性加载所有文件预览：大数量文件用
FileReader.readAsDataURL()容易触发内存溢出，建议分批或仅读取前 N 个 - 拖拽上传时，
event.dataTransfer.files和input.files结构一致，可共用同一套处理逻辑
input[type="email"] 加 multiple 到底有没有用
有，但作用非常有限：它只是让浏览器允许用户在同一个输入框里填多个邮箱，用逗号或空格分隔。不会弹出多选器，不自动拆成数组，也不增强校验强度。
关键事实：
-
input.value拿到的是完整字符串，比如"a@b.com, c@d.org"，不是数组 - 提交后后端收到的仍是这个字符串，拆分必须由 JS 或服务端做：
value.split(/[,;\s]+/).map(s => s.trim()).filter(Boolean) -
required只检查字符串非空，填"@,@,"也能通过 - 移动端键盘毫无变化，别指望它提升输入体验
别拿 select[multiple] 当多邮箱输入的替代方案
虽然 <select multiple></select> 确实支持多选，但它和邮箱输入是两类问题：select 的选项是开发者预置的，用户不能自由输入新邮箱；它也不触发任何邮箱格式校验，输 xxx 都能通过。
真正容易被忽略的点：
-
select必须设size属性（如size="4"），否则默认只显示一行，用户根本看不到“能多选” - JS 获取值不能用
select.value（只返回第一个选中项），得用select.selectedOptions或遍历options - 表单提交时生成多个同名参数（
email=a@b.com&email=c@d.org），后端需按数组接收，和input[type="email"][multiple]的单字段字符串行为完全不同
实际项目里，multiple 最常被卡在「以为写了就完事」——它只是打开门，后面每一步（表单编码、JS 处理、后端解析、兼容性兜底）都得手动对齐，缺一不可。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
