File System Access 多文件选择与批量导入实践

概述批量导入简化用户文件操作。本文展示多文件选择、权限校验与导入到 OPFS 的实现。能力检测与批量选择const supportsPicker = typeof window.showOpenFilePicker === 'function'; async function pickFiles() { if (!supportsPicker) throw new Error('picker unsupported'); const handles = await window.showOpenFilePicker({ multiple: true }); return Promise.all(handles.map(h => h.getFile())); } 导入到 OPFSasync function importFiles(files, base = 'import') { const root = await navigator.storage.getDirectory(); const dir = await root.getDirectoryHandle(base, { create: true }); for (const f of files) { const fh = await dir.getFileHandle(f.name, { create: true }); const w = await fh.createWritable(); await w.write(await f.arrayBuffer()); await w.close(); } }