JSFiddle - React, Tailwind, and code Playground

by no2don

HTML

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

<img style='width:100px' class='b64i' id='img1' data-src='https://raw.githubusercontent.com/ctimggit/storage1/master/base64/test1.txt' src='' />

<br>

<img style='width:100px' class='b64i' id='img2' data-src='https://raw.githubusercontent.com/ctimggit/storage1/master/base64/test2.txt' src='' />

JavaScript

function InjectSrcFromBase64DataUrl(obj) {

  fetch($(obj).data('src'), {})
    .then((response) => {
      return response.text();
    }).then((base64string) => {
      $(obj).attr('src', base64string);
    }).catch((err) => {
      console.log('error:', err);
    });

}

$(".b64i").each(function(i) {
  InjectSrcFromBase64DataUrl(this);
});