Getting the result object of FileReader()

Question

is there any way i can fetch the result object of a FileReader() without getting through a function ?

i have made a sample code below:

HTML

Answer 1

is there any way i can fetch the result object of a FileReader() without getting through a function ?

No. FileReader() is asynchronous. You can use Promise to achieve expected result

var code = "lorem ipsum";

    $("input[type='file']").change(function() {
      var upload = this.files[0];
      var p = new Promise(function(resolve) {
        var reader = new FileReader();
        reader.onload = function() {
          code = reader.result;
          // pass `div` as resolve `Promise` to `.then()`
          resolve($("div").append("this should appear first: " 
                                  + code + " 
"));
        };
        reader.readAsDataURL(upload);
      });
      p.then(function(elem) {
        elem.append(" this should appear last: " 
                    + code + " 
");
      })

    });