从firebase存储中检索文件

时间:2017-12-31 20:04:49

标签: javascript reactjs firebase firebase-storage

我敢打赌这是非常微不足道的事情,但即使是文档也不清楚这一点。我不必提及在谷歌搜索中写关于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 个答案:

答案 0 :(得分:3)

Firebase Storage SDK for the Web中没有方法on()。您可能会将其与on("value" method in the Firebase Database SDK混淆。

download data from Cloud Storage in your Firebase web app,您get the download URL for the file然后使用它(通常在您的HTML中)获取数据。

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