JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://js.mobozi.com/v1/mobozi.js"></script>
<input id="idimage" name="idimage" type="file" accept="image/*"/>
<button type="button" id="btnup" onclick="uploadImage();">Upload Image</button>
<div id="divDate"></div>
<div id="divTime"></div>
<div id="divMake"></div>
<div id="imgUrl"></div>
<div><img id="upImage" src=""></div>
JavaScript
mobozi.init('123456789');
function uploadImage(){
var myFile = document.getElementById('idimage').files[0];
var imageData = {
"file": myFile
}
mobozi.image.uploadGetUrlExif(imageData,function(response) {
if (response.status == 201){
$('#divDate').html('Date: ' + response.data.date);
$('#divTime').html('Time: ' + response.data.time);
$('#divMake').html('Make: ' + response.data.make);
$('#imgUrl').html('URL: ' + response.data.imageUrl);
$('#upImage').attr('src',response.data.imageUrl);
} else {
alert (response.error);
}
});
}