Как получить данные EXIF ​​с помощью библиотеки piexifjs в JavaScript

Question

Как мне отобразить данные "Изготовителя устройства" с помощью piexifjs. Я пытался сделать это: (Но не вышло)

<input type="file" onchange="previewFile()"><br>
<img id=imageid src=""  alt="Image preview...">


<script src="js/piexif.js"> </script>
<script type="text/javascript">

function previewFile() {
  var preview = document.querySelector('img');
  var file    = document.querySelector('input[type=file]').files[0];
  var reader  = new FileReader();

  reader.onloadend = function () {
    preview.src = reader.result;
  }

  if (file) {
    reader.readAsDataURL(file);
  } 
  else {
    preview.src = "";
  }
    var base64 = getBase64Image(document.getElementById("imageid"));
    var exifObj = piexif.load(base64);
    
    console.log(exifObj["0th"][piexif.ImageIFD.Make]);
}


function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);
  var dataURL = canvas.toDataURL("image/jpeg");
  return dataURL;
}



</script>

Я хотел бы отобразить эти данные, но то, как я это делаю, не работает. Кто-нибудь знает, как это сделать?