无法以正确的顺序显示上传到 firebase 商店的图片

Posted 2023-02-22

【中文标题】无法以正确的顺序显示上传到 firebase 商店的图片

【英文标题】：Can't display Images that are uploaded to firebase Store in the right order

【发布时间】：2020-01-08 13:17:41

【问题描述】：

我有一个画廊，通过从 firebase 存储中获取图片的 URL 来显示图片。在存储中，它们被命名为（1.jpg、2.jpg、3.jpg 等），我想按它们的名称对它们进行排序。但是每次我重新加载页面时，我都会得到不同的顺序。有人可以帮我解决这个问题吗？

itemRef.sortBy('name').getDownloadURL() 不起作用 我还可以尝试在代码中添加什么来解决此问题？

created() 
    let storageRef = storage.ref();
    let listRef = storageRef.child('photos_main/');
    listRef.listAll().then(result => 
      result.items.forEach(itemRef => 
        itemRef.getDownloadURL().then(url => 
          this.items.push(url)
        ).catch(err => 
          console.log(err.message)
        )
      )
    ).catch(err => 
      console.log(err.message)
    );
  

【参考方案1】：

如果你想维持秩序，我认为Promise.all()会有所帮助。

我会这样做：

async created () 
   const imageNames = await this.getImageNames();
   const imageUrls = await Promise.all(
       imageNames.map(imageName => this.getDownloadURL(imageName))
   );

   console.log(imageUrls)

imageNames.map(imageName => this.getDownloadURL(imageName)) 将创建一个承诺数组。 这些承诺将同时开始，但会按照它们出现的顺序得到解决。