[Vuejs]-Check when all images are done uploading?

by

1👍

✅

You can use Promise.all() to check if all asynchronous events are finished.

The Promise.all() method returns a single Promise that fulfills when all of the promises passed as an iterable have been fulfilled or when the iterable contains no promises. It rejects with the reason of the first promise that rejects.

Promise.all(files.map((file) => {
  return new Promise((resolve, reject) => {
     ...
     reader.onload = e => {
        // upload file
        ...
        resolve();
     }
     ...
  });
})
  .then() {
     // all asynchronous events are finished!
  }

FYI, I added a simple example of using Promise.all.

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => resolve('first'), 1000);
});
const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => resolve('second'), 2000);
});
const promiseList = [promise1, promise2];

Promise.all(promiseList).then(function(values) {
  console.log(values);
});
👤Diamond

Leave a comment