从 Ractive on-change 事件中获取文件内容答案

【问题标题】：Get file contents from Ractive on-change event从 Ractive on-change 事件中获取文件内容
【发布时间】：2015-07-08 08:58:56
【问题描述】：

我正在尝试获取已附加到文件输入的 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);
    };
  }
});

【问题讨论】：

标签： javascript filereader ractivejs

【解决方案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);

   });      
  }
});

【讨论】：