Convert Image to DataURL (browser)

convert.js

      function imgElConvert($img) {
        const canvas = document.createElement('canvas');
        canvas.height = $img.naturalHeight;
        canvas.width = $img.naturalWidth;
        const ctx = canvas.getContext('2d');
        ctx.drawImage($img, 0, 0, canvas.width, canvas.height);

        return canvas.toDataURL();
      }

      function getImageDataUrl($el) {
        return fetchImage($el).then(blobToBase64);
      }

      function fetchImage($el) {
        return Promise.resolve($el.getAttribute('src'))
          .then((url) => fetch(url))
          .then((res) => res.blob());
      }

      function blobToBase64(blob) {
        return new Promise((resolve) => {
          const reader = new FileReader();
          reader.onload = () => resolve(reader.result);
          reader.readAsDataURL(blob);
        });
      }