FileReader 删除多个文件时只读取一个文件

Question

我正在编码和形成并努力阅读每个文件。 我得到的是仅读取一个文件。

下面的代码确实记录了每次迭代（console.log(i)），但只读取和记录最后一个文件，无论是读取为 dataURL 还是 Text

fileInput.on('change',function(){

    var files= fileInput.prop('files');
    console.log(files);

    for(var i = 0; i < files.length; i++){

       var reader = new FileReader();
      console.log(i);
      reader.onload = function(){

          console.log(reader.result);
      }
      reader.readAsDataURL(files[i]);

    }

  });

我需要在控制台中登录多个文件中的每一个。 提前感谢

Answer 1

使用let而不是var正确 scope 循环变量：

for (let i = 0; i < files.length; i++) { // Use let here

  var reader = new FileReader();
  console.log(i);
  reader.onload = function() {

    console.log(reader.result);
  }
  reader.readAsDataURL(files[i]);

}

Answer 2

是不是忘记了input元素上的multiple属性？

Answer 3

您应该使用let而不是var作为reader变量，因为var的范围是 function。