Upload file jquery

by Rajesh Sitaraman

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<input type="file" id="fileinput">
<button id="upload">Upload</button>

JavaScript

$(document).ready(function() {
  var fileInput;
    $("#upload").click(function() {
      console.log("upload file");
      fileInput = $('#fileinput');
      var getFile = getFileBuffer();
      console.dir(getFile);
    });

  function getFileBuffer() {
    var deferred = $.Deferred();
    var reader = new FileReader();
    reader.onloadend = function(e) {
      deferred.resolve(e.target.result);
    }
    reader.onerror = function(e) {
      deferred.reject(e.target.error);
    }
    reader.readAsArrayBuffer(fileInput[0].files[0]);
    return deferred.promise();
  }

});