multiple属性仅对type="file"有效，可触发多选文件对话框；其作用限于单个控件的文件选择，不影响多个input共用name；需配合accept提升安全性，js需通过files属性获取filelist并转为数组遍历；表单提交时同名文件以数组形式发送；兼容性方面ie10+支持，但需注意safari移动端及服务端解析限制。
multiple 属性只对 type="file" 有效
其他 type（比如 text、email）加了 multiple 不会报错，但完全没作用——浏览器直接忽略。只有 <input type="file" multiple> 才能触发多选文件对话框。
常见错误是误以为 multiple 能让多个 input 元素共用一个 name，其实它只影响单个控件的文件选择行为；多个独立的 <input type="file"> 仍需分别处理。
- 移动端 Safari 对
multiple支持有限：iOS 16.4+ 才真正支持多选，旧版本点选后只弹单文件选择器 -
accept配合multiple更安全，比如accept="image/*,.pdf"，否则用户可能混选不支持类型，后续 JS 处理时容易出错 - 表单提交时，同名的多个文件会以数组形式提交（如
name="files"→ 后端收到files[0]、files[1]），但前提是服务器端框架正确解析 multipart/form-data 中的重复字段
JS 获取 multiple 选中的文件列表要用 files 属性
<input type="file" multiple id="uploader"> 的 files 是 FileList 对象，不是数组，不能直接调用 map 或 forEach。必须先转成数组或用 for 循环遍历。
示例：
const input = document.getElementById('uploader');
input.addEventListener('change', () => {
const fileList = Array.from(input.files); // 必须转
fileList.forEach(file => {
console.log(file.name, file.size, file.type);
});
});
-
files是只读的，无法手动 push 或 splice 文件，也不能赋值给input.files - 用户取消选择后，
input.files.length变为 0，但不会触发change事件，所以别依赖该事件监听“清空”动作 - 大文件上传前建议检查
file.size，避免前端卡死；单个文件超 2GB 时，部分浏览器（如 Chrome）可能返回size: 0或抛SecurityError
并行上传 ≠ multiple 属性本身提供并发
multiple 只解决“一次选多个”，不控制上传方式。所谓“并行上传”，得靠 JS 主动发起多个 fetch 或 XMLHttpRequest 请求——而且要小心并发数限制和内存占用。
- 浏览器对同一域名的并发请求数有限制（通常 6–10 个），盲目开 20 个
fetch并不会更快，反而可能排队或被限流 - 推荐用
Promise.allSettled()管理一组上传，而不是Promise.all()，避免单个失败导致全部中断 - 每个
FormData实例只能 append 一个file，想批量传就得循环创建新实例，或用append('files', file)把多个文件塞进同一个 key（后端需按数组接收）
兼容性与降级方案要提前考虑
IE10+ 支持 multiple，但 IE 不支持 FileReader 的 readAsArrayBuffer，也不支持 fetch。如果目标用户含老系统，得 fallback 到 XMLHttpRequest + FormData。
- 检测是否支持：
'multiple' in document.createElement('input')，比 UA 判断更可靠 - 不支持时，可提示“请逐个上传”，或引入
<input type="file">+ “添加更多”按钮动态插入新 input 元素 - 注意 Safari 在
input[type=file]上的click()行为受限：必须由用户手势触发，不能在异步回调里调用，否则静默失败
实际开发中，最易被忽略的是服务端对 multipart 数据的解析能力——比如 Express 默认的 body-parser 不处理文件，必须配 multer；而某些云函数环境（如 Vercel Edge Functions）根本不支持 multipart/form-data 解析，这时只能走分片上传或预签名 URL 方案。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
