Simple promise based function to convert image url to base64 string

convertImageUrlToBase64.js

/**
 * Convert a url of image to base64 string
 * @param {string} imgUrl string of image url            
 */

function convertBase64(imgUrl) {
  return new Promise((resolve) => {
    var img = new Image();
    // onload fires when the image is fully loadded, and has width and height
    img.onload = () => {
      var canvas = document.createElement('canvas');
      canvas.width = img.width;
      canvas.height = img.height;
      var ctx = canvas.getContext('2d');
      ctx.drawImage(img, 0, 0);
      var dataURL = canvas.toDataURL('image/png');

      return resolve({ dataURL, status: 'ok' });
    };
     // when image didn't exist
    img.onerror = () => resolve({ dataURL: '', status: 'error' });

    img.setAttribute('crossOrigin', 'anonymous'); //
    img.src = imgUrl;
  });
}

// usage
convertBase64('http://someurl.com/gambar/bagus.jpg')
  .then((resp) => {
    console.log(resp); // { dataURL: '', status: 'error' }
  })