上传多张图片到Firebase存储得到url张

Question

can you help me with getting array of URLs while uploading images to firebase?

my imageUrl = [undefined, undefined] when uploading 2 img

export const handleUploadProductPhoto = async (files) => {
  const imageUrl = await Promise.all(
    files.map((file) => {
      new Promise((resolve, reject) => {
        const uploadTask = firebase
          .storage()
          .ref()
          .child(`your/file/path/${file.name}`)
          .put(file);
        uploadTask.on(
          firebase.storage.TaskEvent.STATE_CHANGED,
          (snapshot) => {
            const progress =
              (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
            if (snapshot.state === firebase.storage.TaskState.RUNNING) {
              console.log(`Progress: ${progress}%`);
            }
          },
          (error) => console.log(error),
          () => {
            uploadTask.snapshot.ref
              .getDownloadURL()
              .then((url) => resolve(url));  //I have success here - two urls
          }
        );
      });
    })
  ).then((res) => console.log(res));
};

Answer 1

You're missing a return on your new Promise . So it should be:

return new Promise((resolve, reject) => {
  ...

Without that return , each files.map((file) => { returns nothing (so undefined ) and that is what Promise.all then passes into your then .