https://stackoverflow.com/questions/70035179

by Fleuv

HTML

<!-- check javascript / console -->

JavaScript

const url = 'https://placekitten.com/50/50';

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

async function createFile(){
  const response = await fetch(url);
  const data = await response.blob();
  const metadata = {
    type: 'image/jpeg'
  };
  const file = new File([data], "test.jpg", metadata);
  const dataUrl = await getDataUrl(file);
  console.log(dataUrl);
  console.log(URL.createObjectURL(file))
}
createFile();