javascript - 遍历 firebase 存储以显示多个图像

标签 javascript firebase

目前,我能够获取一张特定的图片,知道它的标题和在存储中的位置,但我希望能够在我的存储中的一个文件夹中显示所有图片,知道该存储文件夹的位置,但不知道内容标题。

我已尝试使用以下代码(projectID 是我需要显示其所有元素的文件夹)但它似乎不起作用。我是 javascript 的新手,所以对于 .once 的错误函数调用深表歉意。

const childRef = storageRefer.child(`${projectID}`);
childRef.once("value", function(snapshot) {
  snapshot.forEach(function(child) {
    child.getDownloadURL().then(function(url) {
      console.log(url);
    });
  });
});

此代码应该能够记录所有图像的 url,但我得到的只是关于 .once 函数的错误。如果有人知道我做错了什么或有更好的方法将所有图像放在我存储中的一个文件夹中,那将非常有帮助,谢谢!

编辑:

回顾这一点,我意识到我可以将图像的位置存储到数据库中,因为我可以轻松地遍历数据库而不知道里面有什么并调用存储来获取图像,但这看起来很草率?

最佳答案

Firebase 存储中目前没有 API 调用来列出文件夹中的所有文件。如果您需要这样的功能,您应该将文件的元数据(例如下载 URL)存储在可以列出它们的地方。 Firebase Firestore 非常适合这一点,您还可以轻松地与他人共享 URL。

关于javascript - 遍历 firebase 存储以显示多个图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55756990/

相关文章:

javascript - 使 div 响应并控制文本对齐

javascript - Postgres 的 Sequelize-auto

javascript - 选择框更改时的动态文本字段

JavaScript 全局 boolean 变量将自身转换为字符串

firebase - 如何在 Cloud Firestore 中执行 SQL Select?

javascript - 如何使用 javascript 创建 zip 文件?

ios - Firebase iOS GoogleSignIn 无需单击默认登录按钮即可切换

javascript - 使用 firebase auth 获取用户详细信息,其中条件是多个电话号码?

firebase - 如果路径已知,检查 Firestore 记录是否存在的最佳方法是什么?

firebase - 如何使适用于 Android 和 iOS 的 Flutter App 崩溃(以测试 Firebase Crashlytics)?