Как ждать, пока все данные не будут загружены в хранилище Firebase (Firestore)? - PullRequest
Новая
       7

Как ждать, пока все данные не будут загружены в хранилище Firebase (Firestore)?

0 голосов
/ 24 июня 2018

Я делаю небольшую панель инструментов в Vue с Firestore and Storage. Я не профессионал, поэтому я застрял в чем-то, что должно быть легко. У меня есть одна функция, которая должна получать все URL-адреса на основе имен файлов (так работает хранилище) 

getImages: function(uid, images) {        
    images.forEach((filename) => {
        var ref = firebaseApp.storage().ref('images/' + uid + "/" + filename);
        ref.getDownloadURL().then(function(url) {   
          this.finalImages.push(url)
          console.log(url);
        }).catch(function(error) {
          switch (error.code) {
            case 'storage/object_not_found':
              // File doesn't exist
              console.log('Object not found');
              break;

            case 'storage/unauthorized':
              // User doesn't have permission to access the object
              console.log('You do not have the right permissions');
              break;

            case 'storage/canceled':
              // User canceled the upload
              console.log('Canceled');
              break;

            case 'storage/unknown':
              // Unknown error occurred, inspect the server response
              console.log('Who knows...');
              break;
          }
        })
    })
  }

Но URL-адреса загружаются после завершения кода, поэтому я их никогда не вижу. Как мне все остановить и подождать, пока URL появятся в массиве finalImages, а затем продолжить?

1 Ответ

0 голосов
/ 24 июня 2018

Вы можете сопоставить каждый запрос с обещанием, а затем дождаться завершения всех обещаний: 

getImages: function(uid, images) {        
  Promise.all(images.map((filename) => {
    return new Promise((resolve, reject) => {
      var ref = firebaseApp.storage().ref('images/' + uid + "/" + filename);
      ref.getDownloadURL().then(function(url) {
        resolve(url);
      }).catch(function(error) {
        // Uncomment this line to ignore errors.
        reject(error);
        switch (error.code) {
          case 'storage/object_not_found':
            // File doesn't exist
            console.log('Object not found');
            break;

          case 'storage/unauthorized':
            // User doesn't have permission to access the object
            console.log('You do not have the right permissions');
            break;

          case 'storage/canceled':
            // User canceled the upload
            console.log('Canceled');
            break;

          case 'storage/unknown':
            // Unknown error occurred, inspect the server response
            console.log('Who knows...');
            break;
        }
      })
    });
  })).then((finalImages) => {
    // all images.
  })
}
...