Javascript FileReader funktioniert in Jfiddle, aber nicht in meinem Browser

Question

Ich habe einen Datei-Reader, der auf Jfiddle funktioniert, aber nicht in jedem Browser funktioniert. Ich benutze die neuesten Browser ,. Es wird mir erlauben, die Datei auszuwählen, aber danach passiert nichts. Ich bin sehr neu in Javascript.

Javacript

<script type="text/javascript"> 
function readFile(file) { 
    var reader = new FileReader(); 
    reader.onload = readSuccess; 

    function readSuccess(evt) { 
     var field = document.getElementById('main'); 
     field.innerHTML = evt.target.result; 
    }; 
    reader.readAsText(file); 
} 

document.getElementById('selectedFile').onchange = function(e) { 
    readFile(e.srcElement.files[0]); 
}; 
</script> 

html

<input type="file" id="selectedFile" /> 
<div id="main"></div> 

jfiddle

http://jsfiddle.net/fstreamz/ngXBV/1/ 

Answer 1

Verwenden window.onload oder window.addEventListener("load")

<script type="text/javascript"> 
 
    window.onload = function() { 
 
    function readFile(file) { 
 
    var reader = new FileReader(); 
 
    reader.onload = readSuccess; 
 

 
    function readSuccess(evt) { 
 
     var field = document.getElementById("main"); 
 
     field.innerHTML = evt.target.result; 
 
    }; 
 
    reader.readAsText(file); 
 
    } 
 

 
    document.getElementById("selectedFile").onchange = function(e) { 
 
    readFile(e.srcElement.files[0]); 
 
    }; 
 
} 
 
</script> 
 
Here is the html 
 

 
<input type="file" id="selectedFile" accept="text/plain" /> 
 
<div id="main"></div>