"File System Access API 用户授权读写与安全治理实践"

File System Access API 用户授权读写与安全治理实践概述File System Access 通过用户手势与安全上下文提供本地文件/目录访问，适合富文本编辑器、媒体处理器等需要读写用户文件的场景。技术背景`showOpenFilePicker()`/`showSaveFilePicker()`/`showDirectoryPicker()` 返回句柄；需 HTTPS 与用户手势触发。可通过 `startIn` 指定建议起始目录。核心内容选择文件并读取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'); await writable.close(); 技术参数与验证测试环境浏览器：Chrome/Edge（完整支持）；Safari/Firefox（支持差异）验证要点权限持久化与撤销；错误处理与用户取消分支；与 OPFS 的边界区别。应用场景本地文件编辑与导入导出；目录批量处理。注意事项仅在安全上下文与用户手势触发；处理权限变化与拒绝。避免持久存储敏感数据于可读路径，配合 OPFS 管理私有数据。参考资料规范：https://wicg.github.io/file-system-access/MDN（showOpenFilePicker）：https://developer.mozilla.org/en-US/docs/Web/API/Window/showOpenFilePickerChrome Docs：https://developer.chrome.com/docs/capabilities/web-apis/file-system-access