File System Access 选择器类型过滤与批量安全导入实践

概述选择器类型过滤配合二次校验可提升导入安全。选择与校验const types = [{ description: '文本', accept: { 'text/plain': ['.txt'] } }, { description: 'JSON', accept: { 'application/json': ['.json'] } }]; async function pickAndImport(base = 'import') { const handles = await window.showOpenFilePicker({ multiple: true, types }); const root = await navigator.storage.getDirectory(); const dir = await root.getDirectoryHandle(base, { create: true }); for (const h of handles) { const f = await h.getFile(); const ok = f.type === 'text/plain' || f.type === 'application/json'; if (!ok) continue; const fh = await dir.getFileHandle(f.name, { create: true }); const w = await fh.createWritable(); await w.write(await f.arrayBuffer()); await w.close(); } }