multiple属性必须显式加在标签上才有效，其他类型如text、email无效；需用input.files获取filelist对象并转为数组处理，上传时须对同一key多次调用formdata.append()。
multiple 属性加在哪？<input type="file"> 才有效
只有 <input type="file"> 支持 multiple，其他类型（比如 text、email）加了也无效。它必须直接写在 input 标签里，不能靠 JS 动态添加再触发浏览器多选界面。
-
<input type="file" multiple>✅ 正确写法 -
<input type="file" multiple>✅ 也行，但布尔属性不需要值 -
<input type="file" multiple>✅ 空字符串也生效 -
<input type="file">+element.setAttribute('multiple', '')❌ 不会唤起多选文件对话框（部分旧浏览器甚至完全不识别）
选完文件后怎么拿到所有文件？别只用 files[0]
<input type="file" multiple> 的 files 属性返回的是 FileList 对象，不是数组——它没有 map、filter 等方法，但可以用 Array.from() 或展开运算符转成数组操作。
- 错误写法：
input.files[0]—— 只取第一个，忽略其余 - 正确取全部：
Array.from(input.files)或[...input.files] - 注意：
FileList是只读类数组，不能直接 push/pop - 上传时建议逐个检查
file.size和file.type，避免大文件或非法类型混入
为什么点了“选择多个文件”却只上传了一个？
常见原因不是 multiple 没起作用，而是后端没处理好多个文件，或者前端 FormData 构造方式不对。
- FormData 添加多个文件时，key 名必须相同（如
append('files', file1)、append('files', file2)），否则后端只能收到一个 - 如果用
fetch提交，确保没把files当成 JSON 发送（Content-Type: application/json会丢掉二进制数据） - 某些框架（如早期 Vue 2 的
v-model）不支持multiple绑定，得用@change手动读取$event.target.files - 移动端 Safari 对
multiple支持有限，iOS 15+ 才稳定支持多选，iOS 14 及更早可能降级为单选
要不要加 accept？加了会影响 multiple 吗？
不影响，accept 和 multiple 完全正交。但组合使用时要注意过滤逻辑：
-
accept=".pdf,.docx"会让系统对话框默认只显示这两种后缀的文件（用户仍可手动切换“全部文件”） -
accept="image/*"在多数浏览器中允许多图选择，但在部分 Android 厂商定制系统里可能强制单图 - 不要写
accept="*.jpg"—— 星号位置错，应写accept=".jpg,.jpeg" - 服务端仍需校验文件类型和扩展名，
accept仅是前端提示，不可信
真正容易被忽略的是：用户按住 Ctrl/Cmd 多选文件时，如果其中某个文件被拒绝（比如超大或类型不符），整个列表可能静默失败，最好在 change 回调里显式遍历并提示具体哪个文件有问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
