javascript - Filereader.Onload 触发得太早

Question

我尝试读取输入类型文件(多个)上传的文件。代码如下:

$(document).ready(function() {
  $('#convert').on('click', function() {
     var files=$('#files')[0].files;
     if (!files) return;
     for (var i=0; i<files.length; i++) {
       var file=files[i];
       fr = new FileReader();
       fr.onload = (function(received) {      
         var note=$(fr.result);
       });
       fr.readAsText(file);
     }
  });
});

现在我的问题是:“onload”函数甚至在文件加载之前就被调用。 note 从来没有任何内容。但是，当我在 note 行之前放置一个断点并等待一段时间时，note 就会获取内容。

看来，onload() 事件调用得太早了。对此我能做什么？

(浏览器为Chrome)

Answer 1

我用 this.result 替换了 fr.result:

fr.onload = (function() {      
  var note=$(this.result);
});

这样就成功了