Импорт текстового файла с использованием HTML5 и JavaScript

Question

Я новичок в JavaScript, так что простите, если ответ на этот вопрос является очевидным.

Я пытаюсь настроить функцию импорта для веб-приложения текстового редактора.

Мой код выглядит следующим образом:

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

И он должен быть активирован:

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

Вместо того, чтобы писать содержимое файла в LocalStorage, однако, это просто пишет слово «неопределенный». Я понимаю, что произошла какая-то ошибка, но я не уверен, что это такое.

Заранее благодарим за помощь или совет.

Answer 1

Я никогда не слышал о событии lick в формате HTML. Может быть, это что-то новое для HTML5;)

Попробуйте изменить onlick="... триггер onclick="...

Может быть, будет работать?

---

Теперь, когда это будет устранена, попробуйте этот пример: Chrome FileReader

Я попробовал это, и это работает безупречно. Он выводит содержимое файла в консоль ошибок.

Удачи вам!