JSFiddle - React, Tailwind, and code Playground

by Karmik Patel

HTML

<textarea id="base64string" class="span8 preview" rows="6" placeholder="Enter Base64 String"></textarea>

<input type="button" value="Generate Image" class="btn span3 btn-large span11" title="Generate Image" onclick="setBase64ToImage()">

JavaScript

function setBase64ToImage(){

	var baseString = $("#base64string").val().trim();
	// data:image/png;base64

	if(baseString.substring(0,4) != "data"){
		baseString = "data:image/svg+xml," + baseString;
	}

	$("#base64Img").prop('src',baseString);	
	$("#base64Img").addClass("span12 baseurlopa2");
	$("#dwnldLink").show();
	$("#dwnldLink").prop('href',baseString);
}


    $(document).ready(function() {
        //called after everything loaded
        setDefaultData();
        conditionalCode();
        $("#me").click();
    });