更改来自angularfire2的Firebase数据

时间:2017-07-09 10:00:54

标签: firebase ionic-framework firebase-storage angularfire2 ionic3

我有一个存储这样一个节点的数据库:

-KdFlSK9eqzRDPd_I71I
     address: 
     heats: 
     image: 2017-02-18T10:30:15.025Z.jpeg
     title: 

在图片标记内,存在Firebase存储中存储的文件的文件名。我想要做的是在2017-02-18T10:30:15.025Z.jpeg插入图像源之前获取从Firebase存储获取文件的完整路径。所以基本上,在渲染之前改变数据。

[答案]

非常简单 - 我没有更改firebase中的数据,我简单地将新数据设置为一个新变量,如果没有设置则不会显示。

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作。在将图像保存到firebase存储中后,您只需将downloadURL放在image属性上。

注意: 这只是我使用的示例代码。请根据您的具体情况进行调整。

 takeBillPhoto(billId: string, imageURL: string) {
    const storageRef = firebase.storage().ref(this.userId);
    return storageRef.child(billId).child('billPicture')
      .putString(imageURL, 'base64', { contentType: 'image/png' })
      .then(pictureSnapshot => {
        this.billList.update(billId, { picture: pictureSnapshot.downloadURL });
      });
  }