Импортировка простого текстового файла с помощью HTML5 и JavaScript
-
27-09-2019 - |
Вопрос
Я новичок в 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». Я принимаю это какая-то ошибка, но я не уверен, что это такое.
Заранее спасибо за любую помощь или совет.
Решение
Я никогда не слышал о lick
событие в HTML. Может быть, это что-то новое для HTML5;)
Попробуйте изменить свой onlick="...
триггер к onclick="...
Может быть, это будет работать?
Теперь, когда это исправлено, попробуйте этот пример: Chrome Filereader
Я попробовал, и это работает безупречно. Отказ Он выводит содержимое файла в консоль ошибки.
Удачи!