Importieren einer Klartextdatei mit HTML5 und JavaScript

Question

Ich bin neu in JavaScript, so vergib mir, wenn die Antwort auf diese Frage eine offensichtlichste ist.

Ich versuche, eine Importfunktion für eine Text-Editor Web-Anwendung 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 den Inhalt der Datei in das Schreiben von localstorage, es schreibt jedoch lediglich das Wort ‚unbestimmt‘. Ich nehme es irgendeine Art von Fehler passiert ist, aber ich bin nicht sicher, was es ist.

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

Answer 1

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

Versuchen Sie onlick="... Trigger onclick="... Ändern

Vielleicht das funktionieren wird?

---

Nun, da die festen, versuchen Sie folgendes Beispiel: Chrome Filereader

Ich versuchte es, und es funktioniert einwandfrei . Er gibt den Dateiinhalt in die Fehlerkonsole.

Viel Glück!