javascript - 从 Ractive on-change 事件获取文件内容

Question

我正在尝试获取附加到文件输入的 CSV 文件的标题。我在文件输入更改时触发一个函数，并检查事件中是否有任何文件，然后启动 FileReader onload，以便我可以获得内容，但 onload 函数不会被触发。我有什么遗漏的吗？

Ractive.on('getHeaders', function(target) {
  // Check that the file is a file
  if(target.node.files !== undefined) {
    var reader = new FileReader();
    var headers = [];

    reader.onload = function(e) {
      console.log(e);
    };
  }
});

Answer 1

您需要将文件传递给阅读器，如下所示:

Ractive.on('getHeaders', function(target) {
  // Check that the file is a file
  if(target.node.files !== undefined) {

    var headers = [];
    target.node.files.forEach(function(file){

    var reader = new FileReader();

    reader.onload = function(e) {
      console.log(e);
      console.log(reader.result);
    };

   reader.readAsDataURL(file);

   });      
  }
});