Загрузка текстового файла и его печать - PullRequest
0 голосов
/ 14 марта 2020
document.addEventListener('DOMContentLoaded', function() {
    let fileInput = document.getElementById("fileInput")
    let displayArea = document.getElementById("displayArea")

    fileInput.addEventListener("change", (e) => {
        let file = fileInput.files[0];

        let reader = new FileReader();

        reader.onload = (e) => {
            displayArea.innerText = e.target.result;
        };

        reader.onerror = (e) => {
            console.error("File could not be read! Code " + e.target.error.code);
        };

        reader.readAsText(file);

        console.log(displayArea.innerText);
    });
}, false);

<input type="file" id="fileInput">
<div id="displayArea"></div>

div содержит текст, но console.log получает <empty string>.

Я думаю, что он регистрируется раньше reader.onload.

Я пытался что-то сделать с async и await, но безуспешно.

Большое спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...