Get an image from a URL and covert it into a data url

fetchImgFromURL.js

const fetchDataURL = (url) =>
  fetch(url)
    .then((res) => res.arrayBuffer())
    .then((ab) =>
      btoa(
        new Uint8Array(ab).reduce(
          (data, byte) => data + String.fromCharCode(byte),
          ''
        )
      )
    );

fetchImgFromURL('http://placekitten.com/200/300').then((uri) =>
      console.dir(`data:image/png;base64,${uri}`)
 );