JSFiddle - React, Tailwind, and code Playground

HTML

<input id="base64File" type="file" />
<br/>
<button id="base64Button">blah</button>

JavaScript

$("#base64Button").on("click", function () {
    var file = $("#base64File")[0].files[0]
    var reader = new FileReader();
    
    // callback for readAsDataURL
    reader.onload = function (encodedFile) {
        console.log("reader.onload");
        var base64Image = encodedFile.srcElement.result.split("data:image/jpeg;base64,")[1];
        var blob = new Blob([base64Image],{type:"image/jpeg"});
        var reader2 = new FileReader();
        
        // callback for readAsBinaryString
        reader2.onloadend = function(decoded) {
            console.log("reader2.onloadend");
            console.log(decoded); // this should contain binary format of the image
            
            // console.log(URL.createObjectURL(decoded.binary)); // Doesn't work
        };
        reader2.readAsBinaryString(blob);
        
        // console.log(URL.createObjectURL(atob(base64Image))); // Doesn't work
        
    };
    reader.readAsDataURL(file);
    console.log(URL.createObjectURL(file)); // Works
});