Ionic 4-Firebase-存储未将数据发送到实时数据库

Question

I'm uploading images to Firebase storage, and then i want them to go to the real time database, this code was working in ionic v3, but now it seems something is wrong since the data goes to the storage but not to the database.

    createPost(picture: string): Promise<any> {

        firebase.storage().ref('/home/')
            .child('picture.jpg')
            .putString(picture, 'base64', { contentType: 'image/jpg' })
            .then((savedPicture) => {
                firebase.database().ref('Home').push({
                    picture: savedPicture.downloadURL
                }).then(() => {
                    alert('Sucess');
                    this.navCtrl.navigateRoot('/home');
                })
            });
        return
}

Answer 1

The download URL of the new upload is no longer available as savedPicture.downloadURL . You will need call getDownloadURL() on the storage reference after the upload completes:

let ref = firebase.storage().ref('/home/').child('picture.jpg');
 ref.putString(picture, 'base64', { contentType: 'image/jpg' })
    .then((savedPicture) => {
        ref.getDownloadURL().then((url) => {
          firebase.database().ref('Home').push({
            picture: url
          }).then(() => {
            alert('Sucess');
            this.navCtrl.navigateRoot('/home');
          })
        })
    });

Also see:

• The documentation on downloading a file via its URL
• The documentation on monitoring upload progress