La importación de un archivo de texto usando HTML5 y JavaScript

Question

Soy nuevo en JavaScript, así que perdónenme si la respuesta a esta pregunta es obvia.

Estoy tratando de configurar una función de importación para una aplicación web editor de texto.

Mi código es el siguiente:

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

Y debe ser activado por:

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

En lugar de escribir el contenido del archivo en el almacenamiento local, sin embargo, simplemente escribe la palabra 'indefinido'. Lo tomo algún tipo de error ha ocurrido, pero no estoy seguro de lo que es.

Gracias de antemano por cualquier ayuda o consejo.

Answer 1

Nunca he oído hablar de un acontecimiento lick en HTML. Tal vez sea algo nuevo en HTML 5;)

Trate de cambiar su disparador onlick="... a onclick="...

Tal vez que el trabajo voluntad?

---

Ahora que eso está arreglado, pruebe este ejemplo: Chrome FileReader

he probado, y funciona sin problemas . Emite el contenido del archivo en la consola de error.

Buena suerte!