HTML5的multiple属性是原生多选开关，只要标签中存在该属性且浏览器支持（IE10以下不支持），即可启用多选；判断用户是否真选多个文件应依赖input.files.length而非属性存在与否。
HTML5多选上传的 multiple 属性是否生效，只看标签写法和浏览器支持
只要 标签里写了 multiple 属性（无论值是 multiple、multiple="" 还是 multiple="true"），现代浏览器都会启用多选功能。它不是靠 JS 识别出来的“状态”，而是原生行为开关。
常见误判点：
- 写了
multiple却只能选一个文件？大概率是浏览器不支持（IE10 及以下完全不支持）或被 CSS/JS 干扰了默认行为 - 用 JS 动态设置
input.multiple = true是有效的，但必须在用户触发前完成（比如页面加载后立即赋值） -
multiple不影响单文件上传逻辑，只是让input.files返回FileList（哪怕只选 1 个）
input.files 是判断用户是否真选了多个文件的唯一可靠依据
不要依赖属性是否存在来判断“用户多选了”，而要看 input.files.length。因为：
-
input.hasAttribute('multiple')只说明允许多选，不代表用户实际选了多个 - 用户可能取消再重选，或拖入多个文件后又删掉几个，
files.length才反映真实状态 - 移动端 Safari 对
multiple支持有限（iOS 16.4+ 才完整支持），即使写了属性，也可能只允许单选 —— 此时files.length永远 ≤ 1
实操建议：
立即学习“前端免费学习笔记（深入）”；
const input = document.querySelector('input[type="file"][multiple]');
input.addEventListener('change', () => {
if (input.files.length > 1) {
console.log('用户确实选了多个文件');
} else if (input.files.length === 1) {
console.log('只选了一个，尽管 multiple 存在');
}
});
服务端接收时，multiple 不改变字段名，但需按数组处理
HTML 中不管有没有 multiple，表单提交时字段名都一样。区别在于：
- 单文件：
fetch('/upload', { body: formData })中formData.append('file', input.files[0]) - 多文件：
for (const file of input.files) formData.append('file', file)—— 同名多次追加 - 后端收到的是同名字段的多个值（如 PHP 的
$_FILES['file']['name']是数组；Node.js 的multer默认也支持同名多文件）
注意：如果后端框架默认只取第一个同名值（比如某些旧版 Express 中未配 array() 中间件），就会漏掉其余文件。
兼容性差的场景下，multiple 属性本身无法“降级”或“模拟”
IE10/11 或老安卓 WebView 中，multiple 被忽略，input.files 始终最多含 1 个文件。此时没有纯前端方案能绕过限制 —— 文件选择控件由系统提供，JS 无法主动触发多选弹窗。
可行应对方式只有：
- 检测
input.multiple === true && 'files' in input，再结合!window.FileList判断是否极旧环境 - 对不支持的环境，提示“请逐个上传”并提供“添加更多”按钮（每次触发一次
click()） - 放弃 IE，用
等扩展能力时更要小心，它们兼容性更窄
真正难处理的不是怎么写 multiple，而是用户在 iOS Safari 或微信内置浏览器里点了好几次依然只能传一张图 —— 那时候得翻 MDN 查具体版本支持表，而不是改 JS 逻辑。
