概述File System Access API 提供在浏览器中本地文件的安全读写能力,需在 HTTPS 与用户手势下使用。正确处理权限、错误与隐私是工程落地的关键。权限与安全上下文需 HTTPS 安全上下文与用户交互(点击)触发文件选择器;常用入口:`showOpenFilePicker()`、`showSaveFilePicker()`、`showDirectoryPicker()`[参考1]。权限范围以文件/目录句柄为单位;应用仅在获得的句柄上操作,不可随意访问其他路径。读写流程读取:选择文件句柄后,通过 `file = await handle.getFile()` 读取内容(`file.text()`/`file.arrayBuffer()`)。写入:`const writable = await handle.createWritable()`,`await writable.write(data)` 后 `await writable.close()`;或使用保存对话选择目标文件。错误处理:捕获 `AbortError`/`NotAllowedError` 等并提示回退策略(如下载 blob)。隐私与工程建议明确告知读写范围与用途;避免收集与上传敏感数据;仅在必要时持久保存句柄(`origin private file system`)。为不支持的浏览器提供回退(`<input type="file">` 与 blob 下载)。参考与验证[参考1]MDN 英文:File System Access API 概览与 `showOpenFilePicker` 等接口:https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API[参考2]web.dev:文件系统访问指南与权限模型与示例:https://web.dev/articles/file-system-access关键词校验关键词与文件系统访问权限与读写一致。

发表评论 取消回复