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
, но безуспешно.
Большое спасибо!