Firebase Storage v9实现列出所有文件功能代码运行失效问题咨询

可能的故障原因 #

• 异步方法调用错误：getDownloadURL是异步方法，返回Promise对象，直接打印无法拿到真实的文件下载地址，需要通过.then()或者async/await方式获取结果。
• 存储引用拼接错误：res.items返回的itemRef本身就是对应文件的完整Storage引用，不需要手动拼接folder/前缀，拼接后会导致路径格式错误无法定位文件。
• 安全规则未配置：Firebase Storage默认安全规则禁止未授权的列举、读取操作，需要确认你已为folder/路径配置了允许list、read的规则，否则请求会被直接拦截报错。
• SDK初始化异常：需要确认你已完成Firebase App的初始化，且storage实例是初始化完成的有效实例，同时ref、listAll、getDownloadURL等方法均已正确从Firebase Storage SDK中导入。
• 目标路径不存在：确认你的Storage实例中确实存在folder/目录，且目录下存在文件，空目录调用listAll会返回空的items数组，不会有输出。

修正后的参考代码 #

document.getElementById("but").addEventListener('click', async e => {
    // 创建目标目录的引用
    const listRef = ref(storage, 'folder/');
    try {
        // 列举目录下所有内容
        const res = await listAll(listRef);
        // 遍历所有文件
        for (const itemRef of res.items) {
            // 异步获取下载URL
            const downloadUrl = await getDownloadURL(itemRef);
            console.log(downloadUrl);
        }
        // 如果需要遍历子目录可以在这里递归调用listAll处理res.prefixes
    } catch (err) {
        // 捕获错误方便排查，比如权限问题、路径不存在问题都会在这里抛出
        console.error('操作失败：', err);
    }
});

内容的提问来源于stack exchange，提问作者rainbowsrainbow