JSFiddle - React, Tailwind, and code Playground

by swesh

JavaScript

function getBase64FromImageUrl(URL) {
    var img = new Image();
    img.src = URL;
    img.onload = function () {


    var canvas = document.createElement("canvas");
    canvas.width =this.width;
    canvas.height =this.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(this, 0, 0);


    var dataURL = canvas.toDataURL("image/png");

    alert(  dataURL.replace(/^data:image\/(png|jpg);base64,/, ""));

    }
}
getBase64FromImageUrl("http://simsaw-storage-invitationaire.s3.amazonaws.com/public/54004ef42b0f90483529b01d/14174140583193701da29fb1936688576163219947820b8a9899280188ba8693.jpg");