XHR как Promise. Часть 2

Использование xhrRequest для загрузки изображегний.

Вспомогательный упрощенный вариант для загрузки изображений.

function loadImage (url) {
  return new Promise((resolve, reject) => {
  let image = document.createElement('img');
  image.src = url;

  // Important success and error for the promise
    image.onload = function() {
      resolve(image);
    };
    image.onerror = function() {
      reject(url);
    };

  });
}

export { loadImage };

Изображение:

loadImage('/path/to/image.jpg')
.then((image) => {
  //do something
})
.catch((error) => {
  console.log('Augh, there was an error', src);
});