iOS Safari 支持 multiple 文件上传，但仅限图片/视频且不可与 capture 同用；accept 值决定能否多选，空值或非 image/video 类型将退化为单选；需 setTimeout 防御性校验 files.length，并避免 for...in 遍历 FileList。
可行，但有明确限制：iOS Safari 支持 multiple 属性上传多个文件，前提是不与 capture 同时使用，且仅限图片和视频类型。
为什么加了 multiple 却只能选一个文件？
这是 iOS Safari 的硬性限制 —— 当 input[type="file"] 同时声明 multiple 和 capture（如 capture="camera"）时，浏览器会静默忽略 multiple，退化为单选模式。这不是 bug，是 Apple 的设计决策。
- ✅ 正确写法：
<input type="file" multiple accept="image/*">（相册多选图片） - ❌ 错误写法：
<input type="file" multiple accept="image/*" capture="camera">（此时multiple失效） - ⚠️ 注意：
accept="video/*"可多选视频，但实际测试中部分 iOS 版本（如 iOS 16.5+）对视频多选支持不稳定，建议优先用图片验证逻辑
accept 值对多选能力的影响
accept 不只过滤类型，还影响系统相册/文件选择器的行为。在 iOS Safari 中，它的取值直接决定能否唤起多选界面：
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
下载
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
-
accept="image/*"→ 调起“照片”App，支持长按+多选（iOS 14+）或“选择全部”按钮 -
accept="video/*"→ 同样调起“照片”，但多选后可能只提交第一个（尤其在较新 iOS 版本中） -
accept=".pdf,.docx"或accept="*/*"→ 调起“文件”App，但 iOS 默认禁用该 App 的多选功能（无全选、无批量勾选 UI），用户只能逐个点选 - ⚠️
accept若为空或未设置，iOS Safari 会默认只允许单图上传（即使写了multiple）
如何确认用户真的选了多个文件？
别只依赖 input.files.length，iOS Safari 在某些场景下会返回不一致的 FileList（例如从 iCloud 照片库加载延迟导致初始为 0）。建议加一层防御性判断：
const input = document.getElementById('file-input');
input.addEventListener('change', (e) => {
// 避免因异步加载导致 files.length 为 0 的假阴性
setTimeout(() => {
const files = Array.from(e.target.files);
console.log('实际选中文件数:', files.length);
if (files.length === 0) {
alert('未检测到文件，请重试');
return;
}
// 后续上传逻辑...
}, 100);
});
- iOS 上
e.target.files是只读的FileList，无法手动 push 或 splice - 不要用
for...in遍历FileList，应转为数组（Array.from()或扩展运算符）再操作 - 上传前建议检查每个
file.size，iOS 设备上单个文件超 50MB 时，FileReader或FormData.append()可能卡顿甚至失败
替代方案：当 multiple 不满足需求时
如果业务强依赖「拍照+多张」或「PDF 多选」，原生 input 已无法覆盖。这时需绕过限制：
- 用
<input type="file" accept="image/*" capture="camera">单次拍一张，配合 UI 引导用户“重复拍摄”并缓存到内存（File对象可长期持有） - 接入原生 SDK（如 Capacitor / Cordova 插件）调用
UIImagePickerController，实现真正的相机多拍+相册多选 - 放弃前端多选，改为后端支持分片上传 + 文件合并（适合大文件或高可靠性场景）
最常被忽略的一点：iOS Safari 对 input[type="file"] 的 multiple 支持，始终绑定在「系统相册选择器」的能力上，而不是 HTML 标准本身。这意味着它不随 Safari 版本升级而增强，而是取决于 iOS 系统层是否开放对应 UI 控件 —— 所以别在低版本 iOS（如 iOS 13）上期待“文件”App 的多选支持。
