forEach循环外无法获取FireStorage图片下载URL，数组打印为空

你遇到的问题核心是**forEach无法等待异步回调完成**：循环里的每个async函数都是独立的异步任务，外部的console.log(images)会在所有异步操作还没执行完毕时就运行，所以此时数组还是空的。

下面是两种可行的解决方法：

方法一：使用for...of串行处理 #

适合需要按顺序上传文件的场景，确保上一个文件上传完成后再处理下一个：

let images = [];
for (const file of thumbnail) {
  const uploadPath = `property/${user.uid}/${file.name}`;
  const imgRef = ref(storage, uploadPath);
  await uploadBytes(imgRef, file);
  const url = await getDownloadURL(imgRef);
  images.push(url);
}

console.log(images); // 此时能输出完整的URL数组

方法二：使用Promise.all并行处理 #

效率更高，所有文件同时上传，适合不需要严格顺序的场景：

// 将每个文件的上传+获取URL操作包装为Promise
const imageTasks = thumbnail.map(async (file) => {
  const uploadPath = `property/${user.uid}/${file.name}`;
  const imgRef = ref(storage, uploadPath);
  await uploadBytes(imgRef, file);
  return getDownloadURL(imgRef);
});

// 等待所有Promise完成，直接得到完整的URL数组
const images = await Promise.all(imageTasks);
console.log(images); // 输出正确的URL数组

内容的提问来源于stack exchange，提问作者Fatih Can