javascript FileReader如何知道要讀取哪個文件？

Question

引用此線程： 在上載圖像之前預覽圖像

我想知道如何簡單地調用reader = new FileReader()使FileReader知道要讀取哪個文件。

上面發布的線程鏈接對我來說很好，但是當我嘗試以下操作時， FileReader()不會讀取輸入。 console.log返回任何內容。

使用Javascript：

function fileReader(input){
  var reader = new FileReader();
  reader.onload = function(e){
    console.log(e.target.result);
  };
}

$(function(){
  $('#file').change(function(){
    fileReader(this);
  });
});

HTML：

<input id="file" type="file">

為什么不起作用？ 有沒有辦法手動給FileReader()讀取哪個輸入DOM？

Answer 1

我想知道如何簡單地調用reader = new FileReader（）使FileReader知道要讀取哪個文件。

沒有。

您從鏈接到的問題的答案中錯過了這一行：

reader.readAsDataURL(input.files[0]);