Importando um arquivo de texto simples usando HTML5 e JavaScript

Question

Eu sou novo no JavaScript, então me perdoe se a resposta a esta pergunta for óbvia.

Estou tentando configurar uma função de importação para uma aplicação da web de editor de texto.

Meu código é o seguinte:

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 deve ser ativado por:

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

Em vez de escrever o conteúdo do arquivo no localStorage, no entanto, ele apenas escreve a palavra 'indefinida'. Eu aceito algum tipo de erro, mas não tenho certeza do que é.

Agradeço antecipadamente por qualquer ajuda ou conselho.

Answer 1

Eu nunca ouvi falar de um lick evento em html. Talvez seja algo novo para html5;)

Tente mudar seu onlick="... gatilho para onclick="...

Talvez isso funcione?

---

Agora que isso é corrigido, tente este exemplo: Chrome FileReader

Eu tentei, e funciona perfeitamente. Ele gera o conteúdo do arquivo no console de erro.

Boa sorte!