OPFS 与 File System Access 双通道导入导出实践

概述OPFS 适合后台读写，FSA 适合与用户交互的导入与导出。本文组合两者以实现可靠的文件流转。导入到 OPFSasync function importByPicker(toPath) { const [handle] = await window.showOpenFilePicker({ multiple: false }); const file = await handle.getFile(); const root = await navigator.storage.getDirectory(); const fh = await root.getFileHandle(toPath, { create: true }); const w = await fh.createWritable(); await w.write(await file.arrayBuffer()); await w.close(); } 从 OPFS 导出到用户目录async function exportToUserDir(fromPath) { const root = await navigator.storage.getDirectory(); const fh = await root.getFileHandle(fromPath); const file = await fh.getFile(); const save = await window.showSaveFilePicker({ suggestedName: fromPath.split('/').pop() }); const ws = await save.createWritable(); await ws.write(await file.arrayBuffer()); await ws.close(); }