checkImagesLoaded.js

/**
 * Проверяет, загружены ли все изображения (или изобрание)
 *
 * @param {Array.<string> | string} images ссылки на изображения
 * @returns {Promise.<Event>}
 * 
 * Пример использования:
 *
 * checkImagesLoad(['img/IMG_01.jpg', 'img/IMG_02.jpg', 'img/IMG_03.jpg'])
 *   .then(result => console.log('изрображения загружены'))
 *
 * checkImagesLoad('img/IMG_01.jpg')
 *   .then(result => console.log('изрображение загружено'))
 * 
 */
export default function checkImagesLoad(images) {
  
  if (Array.isArray(images)) {
    let imagesPromises = images.map(image => checkImageLoad(image));
    
    return Promise.all(imagesPromises);
  }
  
  if (!(Array.isArray(images)) && typeof images !== 'string'){
    throw new Error('you need pass a string or an array')
  }
  
  return checkImageLoad(images);
  
  /**
   * Проверяет загружено ли одно изображение
   *
   * @param {string} url ссылка на изображение
   * @returns {*|Promise}
   */
  function checkImageLoad(url) {
    
    return new Promise((resolve, reject) => {
      let img = new Image();
      
      img.addEventListener('load', resolve);
      img.addEventListener('error', reject);
      
      img.src = url;
    });
  }
}