JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container"></div>
JavaScript
const loadBase64Image = (url) => fetch(url)
.then(response => response.blob())
.then(base64Data => {
let reader = new FileReader()
reader.onloadend = () => {
console.log(reader.result);
$(".container").append('<img src='+reader.result+'>');
}
reader.onerror = (e) => console.error(e);
reader.readAsDataURL(base64Data)
});
loadBase64Image('https://www.gravatar.com/avatar/d50c83cc0c6523b4d3f6085295c953e0')