multiple是布尔属性，必须显式写在标签中才能启用多选，仅靠name="files[]"无法实现；其作用与完全不同，且移动端支持有限。
input type="file" 的 multiple 属性必须显式声明
HTML 文件上传控件支持多选，但不是默认行为——multiple 是一个布尔属性，必须写在 <input type="file"> 标签里，不能省略或靠 JS 模拟。不加它，用户点击后只能选一个文件，即使按住 Ctrl/Command 也没用。
常见错误是误以为加了 name="files[]" 就自动多选，其实后端接收数组格式只解决「提交结构」，前端交互仍由 multiple 控制。
-
<input type="file" name="attachments">→ 单选（即使 name 带 []） -
<input type="file" name="attachments[]" multiple>→ 真正多选 - 若同时需要限制类型，可加
accept="image/*,.pdf"，但该属性不影响多选能力
表单提交时的字段名写法影响后端解析
浏览器对 multiple 文件控件的提交格式是固定的：每个选中文件都生成一个同名字段，例如选了 3 个文件，会发送 attachments=1.jpg&attachments=2.png&attachments=3.pdf。后端是否能自动聚合成数组，取决于框架和语言：
- PHP：直接通过
$_FILES['attachments']['name']得到数组（前提是name="attachments[]"） - Node.js（如 Express + multer）：需配置
multer.array('attachments')，且 HTML 中name必须不含[]（即name="attachments"） - Python Flask：
request.files.getlist('attachments')可取全部，name写不写[]都行，但建议统一为name="attachments"避免混淆
multiple 在不同浏览器中的选择操作差异
用户实际操作时容易卡住，因为跨平台快捷键不一致，而且没有视觉提示：
- Windows/Linux：按住
Ctrl键逐个点击，或拖拽框选（仅部分浏览器支持） - macOS：必须用
Command（不是Ctrl），Shift可连续选择，但首次点击需松开再按 - 移动端（iOS/Android）：多数浏览器不支持多选，点一次只弹一个文件选择器；少数新版 Chrome for Android 支持长按多选，但不可靠
- 无
size或样式干预时，<input type="file">默认只显示“选择文件”按钮，用户根本看不出能否多选——务必搭配文字说明或自定义 UI
与 select[multiple] 的关键区别不能混淆
虽然都叫 multiple，但 <select multiple></select> 和 <input type="file" multiple> 的行为逻辑完全不同：
-
select[multiple]渲染为可见列表，用户始终看到所有选项，靠键盘/鼠标组合操作 -
input[type="file"][multiple]不渲染选项，只触发系统原生文件选择器，多选能力完全依赖操作系统级对话框的支持程度 - 两者都不支持用 JS 直接设置多个文件（出于安全限制），
input.files是只读的FileList对象 -
required属性对input[type="file"][multiple]无效：只要选了至少一个文件就算通过，空值不会报错（这是浏览器实际行为，不是 bug）
真正麻烦的是移动端兼容性和用户教育——哪怕代码全对，如果用户不知道要按 Command 或长按，就等于没多选功能。别只信文档，上线前一定在 iOS、Chrome Android、Safari 上实测操作流。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
