[ACCEPTED]-HTML5 File API: FileReader.readAsText() returns "undefined-fileapi
Accepted answer
That's not the way it works according to 3 the docs. You should call the readAsText() function, and 2 when it's completed the result is stored 1 in .result.
i found this example in this page of the docs 1 and it worked for me on the first try:
HTML:
<input type="file" onchange="previewFile()"><br>
<p class="content"></p>
JavaScript:
function previewFile() {
const content = document.querySelector('.content');
const [file] = document.querySelector('input[type=file]').files;
const reader = new FileReader();
reader.addEventListener("load", () => {
// this will then display a text file
content.innerText = reader.result;
}, false);
if (file) {
reader.readAsText(file);
}
}
Source:
stackoverflow.com
More Related questions
Cookie Warning
We use cookies to improve the performance of the site. By staying on our site, you agree to the terms of use of cookies.