JSFiddle - React, Tailwind, and code Playground

by refan

HTML

<input type="file" id="fileInput">
<div>
  Dosya boyutu :
  <span id="fileSize">0</span>
</div>

<div>
  base64 :
  <span id="fileAsBase64"></span>
</div>

JavaScript

$('#fileInput').on('change', function() {

  if (this.files.length == 1) {
    var file = this.files[0];

    $("#fileSize").text(file.size);

    var reader = new FileReader();

    if (file) {
      reader.readAsDataURL(file);
    }

    reader.addEventListener("load", function() {
      console.log(reader.result);
      var fileBase64 = reader.result.split('base64,')[1];
      $("#fileAsBase64").text(fileBase64);
    }, false);
  }
});