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

Question

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

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

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

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>

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

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

Answer 1

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

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

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

---

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

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

Удачи!