JSFiddle - React, Tailwind, and code Playground

JavaScript

function imgLoad(url) {
return new Promise(function(resolve, reject) {

  var request = new XMLHttpRequest({mozSystem: true});
  request.open('GET', url);
  request.responseType='blob';

  request.onload = function() {
    if (request.status >= 200 && request.status < 400) {
      resolve(request.response);
    } else {
      reject(Error('Image did\'t load successfully; error code '+ request.statusText));
    }
  };

  request.onerror= function() {
    reject(Error('There was a network Error'));
  };
  request.send();
});
}

var body = document.querySelector('body');
var myImage = new Image();

imgLoad('http://jsafaiyeh.github.io/img/suw_background.png').then(function (response) {
    console.log(response);
  var imageURL = window.URL.createObjectURL(response);
  myImage.src = imageURL;
  body.appendChild(myImage);
}, function(Error) {
  console.log(Error);
});