JSFiddle - React, Tailwind, and code Playground

by malraux

HTML

<img id="myImage">

JavaScript

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://novaember.com/img/testimg.php', true);

xhr.responseType = 'arraybuffer';

xhr.onload = function(e) {
  if (this.status == 200) {
    var uInt8Array = new Uint8Array(this.response);
    var i = uInt8Array.length;
    var binaryString = new Array(i);
    while (i--)
    {
      binaryString[i] = String.fromCharCode(uInt8Array[i]);
    }
    var data = binaryString.join('');

    var base64 = window.btoa(data);

    document.getElementById("myImage").src="data:image/png;base64,"+base64;
  }
};

xhr.send();