javascript - 如何从此函数中获取 downloadURL？

Question

我想从此函数中获取 downloadURL。但是，它不等待得到它。所以这个函数不返回downloadURL。我怎么才能得到它？？

uploadProfileImage = async (uid, file) => {
        let userRef = this.str.ref(`${uid}`).child(`images/avatar.png`);

        const uploadTask = userRef.put(file);

        uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED, snapshot => {

            let progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
            console.log('Upload is ' + progress + '% done');
            switch (snapshot.state) {
                case firebase.storage.TaskState.PAUSED:
                    console.log('Upload is paused');
                    break;
                case firebase.storage.TaskState.RUNNING:
                    console.log('Upload is running');
                    break;

                default:
            }

        }, error => {
            console.log('[Error] ', error);
        }, async () => {
            const downloadUrl = await uploadTask.snapshot.ref.getDownloadURL()
            // update firebase database
            this.updateUserInfo(uid, { profileImage: downloadUrl });

        });

}

标签： javascriptreactjsfirebasegoogle-cloud-storage

Answer 1

一种方法是简单地跟进 google在此处提供的文档

uploadProfileImage = (uid, file) => {
    let userRef = this.str.ref(`${uid}`).child(`images/avatar.png`);

    const uploadTask = userRef.put(file);

    uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED, snapshot => {

        let progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
        console.log('Upload is ' + progress + '% done');
        switch (snapshot.state) {
            case firebase.storage.TaskState.PAUSED:
                console.log('Upload is paused');
                break;
            case firebase.storage.TaskState.RUNNING:
                console.log('Upload is running');
                break;

            default:
        }

    }, error => {
        console.log('[Error] ', error);
    }, () => {
        uploadTask.snapshot.ref.getDownloadURL().then((downloadUrl)=>{
        // update firebase database
        this.updateUserInfo(uid, { profileImage: downloadUrl });
        }
    });
}

我假设你的变量是正确的