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

Question

參照這個線程： Preview an image before it is uploaded

我想知道如何簡單地調用reader = new 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"> 

爲什麼不這項工作？ 有沒有辦法手動將​​輸入DOM讀取？

Answer 1

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

它沒有。

您錯過了這個問題的答案這條線，你鏈接到：

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