JSFiddle - React, Tailwind, and code Playground

by Pradeep Shankar

HTML

<img id="preview1" crossorigin="anonymous" src="http://66.85.142.42/RectificationRpt/images/EnergySync-TM.jpg" />

JavaScript

function getBase64() {
    var img = document.getElementById("preview1");
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.width;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    alert(dataURL.replace(/^data:image\/(png|jpg);base64,/, "")); 
}
getBase64();