概述File System Access API 在安全上下文中允许用户选择本地文件并进行读写。通过文件句柄获取可写流进行保存,同时需处理权限与错误。用法/示例// 打开文件 const [handle] = await window.showOpenFilePicker({ types: [{ description: 'Text', accept: { 'text/plain': ['.txt'] } }] }) const file = await handle.getFile() const text = await file.text() // 保存文件 const saveHandle = await window.showSaveFilePicker({ suggestedName: 'output.txt' }) const writable = await saveHandle.createWritable() await writable.write('Hello') await writable.close() 工程建议明确文件类型与大小边界,避免过度占用存储与内存;对二进制使用流式读写。清晰的错误与权限提示,确保用户知情与可控;处理取消与并发写入。在不支持环境提供下载上传的替代流程。参考与验证MDN:File System Access — https://developer.mozilla.org/docs/Web/API/File_System_Access_APIweb.dev:File System Access — https://web.dev/articles/file-system-access

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部