File System Access API 实战：读写权限与持久化策略

概述File System Access API 提供更直接的本地文件读写能力，适合编辑器与导入导出场景。需在安全上下文（HTTPS）下启用，并处理权限与用户交互。用法与示例打开与读取const [handle] = await window.showOpenFilePicker({

types: [{ description: 'Text', accept: { 'text/plain': ['.txt'] } }]

})

const file = await handle.getFile()

const text = await file.text()

保存与写入const handle = await window.showSaveFilePicker({

types: [{ description: 'Text', accept: { 'text/plain': ['.txt'] } }]

})

const writable = await handle.createWritable()

await writable.write('Hello World')

await writable.close()

工程建议权限与 UX：在读写前提示用户操作意图；处理取消与异常，避免数据丢失。持久化：结合 `navigator.storage.persist()` 与 OPFS 提升可靠性；对不支持浏览器回退到下载/上传方案。安全：校验文件类型与内容；避免执行不可信代码与脚本。参考与验证MDN File System Access 文档：https://developer.mozilla.org/docs/Web/API/File_System_Access_APIweb.dev 指南：https://web.dev/articles/file-system-accessChrome 平台文档：https://developer.chrome.com/docs/web-platform/file-system-access/