multiple属性仅启用多选功能，不限制数量；限制上传总数需javascript干预：监听change事件截取前3个文件、去重（用name-size-lastmodified标识）、维护selectedfiles数组、提交前校验并提示，且需兼容ios 16.4以下safari单选限制。
multiple 属性只管多选，不限总数
加了 multiple 后，用户一次能选 10 个、50 个文件——浏览器完全不管上限。它只是打开多选开关，不是计数器。真正限制“总共最多传 3 个”，必须靠 JavaScript 主动干预。
监听 change 事件并截断超出的文件
用户点选完文件后，event.target.files 是只读的 FileList，不能直接删元素。常见做法是取前 3 个，丢弃多余部分：
- 用
Array.from(files).slice(0, 3)提取前 3 个File对象 - 清空 input 的值：
input.value = ''，再用临时input或 UI 重新触发选择（避免残留状态） - 更稳妥的做法：不重置 input，而是维护一个全局
selectedFiles数组，每次新增都合并、去重、截断，并更新显示列表 - 去重建议用简易标识：
${file.name}-${file.size}-${file.lastModified}，存进Set防止重复添加同一文件
提交前必须用 FormData 再校验一次
前端限制可被绕过（比如直接调 fetch + FormData），服务端也必须校验。但前端提交前这一步不能省：
- 构造
FormData时，确保只 append 已确认的文件（即你维护的selectedFiles数组） - append 时统一用相同 key：
formData.append('files', file)多次调用，别用不同 key - 提交前检查
selectedFiles.length > 3，超限就return并提示：“最多上传 3 个文件，请调整” - 禁用上传按钮或设为
disabled，配合实时计数显示（如“已选 2/3”）
iOS 16.4 以下 Safari 会静默忽略 multiple
这不是代码问题，是系统级限制：用户在旧版 iOS Safari 上点击，永远只能选 1 个文件，控制台无报错，input.files.length 永远是 1。检测方法：
- 用
navigator.userAgent匹配iOS.*Safari和版本号 - 若低于 16.4，直接提示“请升级系统或使用 Chrome 浏览器”
- 无法用 JS 模拟多次点击绕过，
click()触发的仍是单选对话框
这个限制容易被忽略，尤其测试时只用桌面浏览器——真机兼容性必须单独验证。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
