OPFS 媒体库索引与检索实践

`title: OPFS 媒体库索引与检索实践``categories: Web 开发/前端/数据管理``keywords: OPFS,媒体,索引,FileSystemDirectoryHandle,检索``description: 在 OPFS 中管理媒体文件并以 IndexedDB 建立索引与检索入口，支持目录遍历与元数据查询。`遍历与索引async function buildIndex() { const root = await navigator.storage.getDirectory(); const index = []; for await (const [name, handle] of root.entries()) { if (handle.kind === 'file') { const file = await handle.getFile(); index.push({ name, size: file.size, type: file.type, updatedAt: file.lastModified }); } } return index; } 检索基于名称、类型与时间范围过滤；分页返回结果。