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;

}

检索基于名称、类型与时间范围过滤；分页返回结果。