L'importazione di un file di testo utilizzando HTML5 e JavaScript

Question

Sono nuovo di JavaScript, quindi mi perdoni se la risposta a questa domanda è ovvia.

Sto cercando di impostare una funzione di importazione per un editor di testo web-application.

Il mio codice è il seguente:

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));
};

E dovrebbe essere attivato da:

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

Invece di scrivere il contenuto del file al localStorage, tuttavia, si è limitata scrive la parola 'undefined'. Mi prendo qualche tipo di errore è successo, ma non sono sicuro di cosa sia.

Grazie in anticipo per qualsiasi aiuto o consiglio.

Answer 1

Non ho mai sentito di un evento lick in HTML. Forse è qualcosa di nuovo per HTML5;)

Provare a cambiare il trigger onlick="... a onclick="...

Forse questo lavoro sarà?

---

Ora che che è fisso, provare questo esempio: Chrome FileReader

ho provato, e funziona senza problemi . Emette il contenuto del file nella console di errore.

In bocca al lupo!