FileReader的onLoad回调不执行

Question

在react使用antd的Upload组件，打算读取上传文件内容，在beforeUpload钩子挂上

    const reader = new FileReader();
    reader.readAsText(file);
    reader.onload = (result) => {
      console.log(result)
    }

onload一直不执行，然后试了onerror和onloadend，只有onloadend执行并拿到数据。什么原因导致？

Answer 1

顺序调整一下，先写 onload 再写 readAsText，不然很可能数据都读完了你回调事件还没绑定上呢。

Answer 2

function onChange(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function(event) {
    // 文件里的文本会在这里被打印出来
    console.log(event.target.result)
  };

  reader.readAsText(file);
}