JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<img src="https://cdn3.iconfinder.com/data/icons/humano2/128x128/mimetypes/application-javascript.png" class="original-image"/>

<img alt="loading image" class="blob"/>

JavaScript

const myImage = document.querySelector('original-image');
const myRequest = new Request(myImage.getAttribute('src'));

fetch(myRequest).then(function(response) {
  console.log(response.type); // returns basic by default
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    document.querySelector('blob').src = objectURL;
  });
});