title: How to log contents of HTML5 drag and drop file that is 60MB+ without hanging for minutes?
body: <p>I have a file that i want to drop on a page and read file contents. its a CSV with 9 columns. My drop command outputs file contents like this:</p>
  
  <pre><code>function drop(ev) {
      ev.preventDefault();
      var data  = ev.dataTransfer.files[0];
  
      var fileReader = new FileReader();
      fileReader.onload = function (e) {
          console.log(fileReader.result)
      };
      fileReader.onerror = function (e) {
          throw 'Error reading CSV file';
      };
  
      // Start reading file
      fileReader.readAsText(data);
  
      return false;    
  }
  </code></pre>
  
  <p>When I drag and drop a simple file that is a couple kilobytes or 1MB, I can see the output of the contents of the file. However given a large CSV file, it takes many many minutes before it shows up. Is there a way to make it so that there is some streaming maybe where it does not look like its hanging?</p>