从 Firebase 存储中检索文件

IT技术 javascript reactjs firebase firebase-storage
2021-04-12 20:25:10

我敢打赌这是非常微不足道的事情,但即使是文档也不清楚这一点。我不必提及在谷歌搜索中写任何关于 firebase 的内容返回的主题与 JS/WEB 无关,但在大多数情况下与 android 相关......

情况是我有一个存储文件夹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() }));
}

然而,它并不像我想象的那样工作。如您所见,我想将此图像存储在状态,然后显示在我网站的某些部分。

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

1个回答

有没有方法on()火力地堡存储SDK为Web您可能会将它与on("value"Firebase Database SDK 中方法混淆

在 Firebase Web 应用中从 Cloud Storage 下载数据,您需要获取文件的下载 URL,然后使用它(通常在您的 HTML 中)来获取数据。

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