我如何等待承诺得到解决？

Question

    try {
              (async ()=> await Promise.all(this.state.selectedFile.map(picture =>
                new Promise((resolve, reject) => {
                  Firebase.getStorageRef(`/${picture.name}`)
                    .put(picture)
                    .on('state_changed', (snapshot) => {
                      // progress function ....
                      const progress = Math.round((snapshot.bytesTransferred / snapshot.totalBytes) * 100);
                      console.log("Progress: ", progress)
                    },
                    reject,
                    () => {
                      // complete function .... 
                      Firebase.getStorageRef(`/${picture}`)
                    .getDownloadURL()
                    .then(url => {
                      this.setState({mage:this.state.mage.concat([url])})
                      console.log(this.state.mage,"yooo")
                    });
                });
              })
          )).then( Firebase.getDatabaseRef().push({
                  
                  image:[this.state.mage],
     
                  thumbImage:[this.state.mage]
                
                }).then(()=>{
                  console.log("added")
                })))();
        } catch (error) {
          console.error(error);
        }

在上面的代码中，使用 Promise 上传了一个图像列表。上传每张图片时的所有方法都使用 .then() 方法将 url 存储在一个列表中，以将其传递给另一个 .then() 并将其存储在数据库中。

错误：

图片的url为空，因为它在上传完成之前被执行。

上传完成后不是.then()方法负责执行吗？

Answer 1

您使用return Promise((resolve, reject) => { 返回一个自定义承诺，但您永远不会调用resolve。这意味着您的承诺永远不会解决，因此Promise.all() 方法的then 永远不会被调用。

我认为您不需要自定义承诺，因为 put 已经返回了您可以使用的承诺。

我会从这样的开始：

const promises = this.state.selectedFile.map(picture => {
  const ref = Firebase.getStorageRef(`/${picture.name}`);
  return ref
    .put(picture)
    .then(() => ref.getDownloadURL());
});
Promise.all((downloadUrls) => {
  this.setState({ mage: downloadUrls })
  Firebase.getDatabaseRef().push({
    image: downloadUrls
  })
})

请注意，我没有运行上面的代码，所以可能会有一些小错误。如果您遇到此类错误，请尝试通过搜索错误消息来修复它们。