The readAsText()
method is used to read the contents of the specified Blob
or File
. When the read operation is complete, the readyState
is changed to DONE
, the loadend
event is triggered, and the result
property contains the contents of the file as a text string.
Note: The Blob.text()
method is a newer promise-based API to read a file as text.
readAsText(blob)
readAsText(blob, encoding)
<input type="file" onchange="previewFile()"><br>
<p class="content"></p>
function previewFile() {
const content = document.querySelector('.content');
const [file] = document.querySelector('input[type=file]').files;
const reader = new FileReader();
reader.addEventListener("load", () => {
content.innerText = reader.result;
}, false);
if (file) {
reader.readAsText(file);
}
}