JSFiddle - React, Tailwind, and code Playground

by noonon

HTML

<script src="https://raw.github.com/sanisoft/jQuery-fileExif/master/jquery.exif.js"></script>
<!DOCTYPE html>
    <html>
    <head>
    </head>

    <body>
      <form id="myform">
        <input type="file" id="file" /> </br>
        <label>Camera Model</label>
        <input type="text" name="cameraModel" id="cameraModel" /> </br>

        <label>lat</label>
        <input type="text" name="lat" id="lat" /> </br>
        <label>lng</label>
        <input type="text" name="lng" id="lng" /> </br>
      </form>
      <script>
        var someCallback = function(exifObject) {

            $('#cameraModel').val(exifObject.Model);
            $('#lat').val(exifObject.GPSLatitude);
            $('#lng').val(exifObject.GPSLongitude);
            // Uncomment the line below to examine the
            // EXIF object in console to read other values
            //console.log(exifObject);

        }

      try {
        $('#file').change(function() {
            $(this).fileExif(someCallback);
        });
      }
      catch (e) {
        alert(e);
      }

    </script>
    </body>
    </html>