Importieren einer Nur-Text-Datei mit HTML5 und JavaScript

Question

Ich bin neu in JavaScript, also vergib mir, wenn die Antwort auf diese Frage offensichtlich ist.

Ich versuche, eine Importfunktion für eine Text-Editor-Webanwendung einzurichten.

Mein Code ist wie folgt:

function dataImport() { 
    confirm("Are you sure you want to import the selected file? This will overwrite any data that is currently saved in the application workplace."); 
    var fileReader = new FileReader(); 
    window.localStorage.setItem("AppData", fileReader.readAsText(document.querySelector("#import-selector").value)); 
}; 

Und es sollte aktiviert werden:

<input id="import-selector" type="file" /><button id="import-button" onclick="dataImport();">Import File</button> 

Statt zu schreiben, den Inhalt der Datei auf die localstorage jedoch schreibt er lediglich das Wort 'nicht definiert'. Ich nehme an, es ist ein Fehler passiert, aber ich bin mir nicht sicher, was es ist.

Vielen Dank im Voraus für jede Hilfe oder Beratung.

Answer 1

Ich habe noch nie von einem lick Ereignis in HTML gehört. Vielleicht ist es etwas Neues zu HTML5;)

Versuchen Sie, Ihre onlick="... Trigger onclick="...

Ändern Vielleicht funktioniert?

---

Jetzt, wo das feste, versuchen Sie folgendes Beispiel: Chrome FileReader

ich es versucht, und es funktioniert einwandfrei . Es gibt den Inhalt der Datei in die Fehlerkonsole aus.

Viel Glück!