Импорт простого текстового файла с использованием 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

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

Удачи!