从Firebase存储中检索文件

Question

我打赌这是一件非常微不足道的事情，但即使是文档也没有明确说明。我不得不提到，在谷歌搜索中写有关firebase的任何内容，返回的主题大多与android有关，而不是JS/WEB...

问题在于我有一个存储文件夹images，其中保存了...图片。我希望在进入我的网站时检索它。我的尝试：

componentDidMount() {
  const images = firebase.storage().ref().child('companyImages');
  const image = images.child('image1');        <----------------    // file name is image1
  image.on('value', (snap) => this.setState({ img: snap.val() }));
}

但是它并没有像我预想的那样工作。正如您所看到的，我希望将此图像存储在状态中，然后在站点的某些部分显示。

期待任何提示等。 谢谢你 :)

- Patrickkx

---

这行代码 const images = firebase.storage().ref().child('companyImages'); 没有从 Firebase 中检索数据吗？ - Kenry Sanchez

@KenrySanchez 它返回一个带有两个键的对象：authWrapper 和 location。 - Patrickkx

Answer 1

在Firebase Web版存储SDK中没有on()方法。你可能将其与Firebase数据库SDK中的on("value")方法混淆了。

要在Firebase Web应用程序中下载Cloud Storage数据, 你需要获取文件的下载URL, 然后使用该URL（通常在HTML中）获取数据。

componentDidMount() {
  const images = firebase.storage().ref().child('companyImages');
  const image = images.child('image1');
  image.getDownloadURL().then((url) => { this.setState({ img: url }));
}

- Frank van Puffelen