FileReader.readAsText()
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.
Syntax
readAsText(blob)
readAsText(blob, encoding)
Parameters
Example
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);
}
}
Result
Specifications
Specification |
---|
File API # readAsDataText |
Browser compatibility
BCD tables only load in the browser