JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.nihilogic.dk/labs/exif/exif.js"></script>
<script src="http://www.nihilogic.dk/labs/binaryajax/binaryajax.js"></script>
<form action="upload_file.php" method="post"
enctype="multipart/form-data">
    <label for="file">Filename:</label>
    <input type="file" name="file" id="file" />
    <input type="hidden" name="exif" id="exif" value="" />
    <input type="submit" name="submit" value="Submit" />
</form>

JavaScript

$("#file").change(function() {
    var file = this.files[0];
        fr   = new FileReader;
    
    fr.onloadend = function() {
        var exif = EXIF.readFromBinaryFile(new BinaryFile(this.result));
        
        alert(JSON.stringify(exif));
        
        $("#exif").val(JSON.stringify(exif));
    };
    
    fr.readAsBinaryString(file);
});