// As with JSON, use the Fetch API & ES6
fetch('something.txt')
.then(response => response.text())
.then(data => {
// Do something with your data
console.log(data);
});<embed src="file.txt"> // This will show the text contained in file.txt in the pageconst fileList = event.target.files;
let fileContent = "";
const fr = new FileReader();
fr.onload = () => {
fileContent = fr.result;
console.log('Commands', fileContent);
}
fr.readAsText(fileList[0]);fetch('file.txt')
.then(response => response.text())
.then(text => console.log(text))
// outputs the content of the text file
<!DOCTYPE html>
<html>
<head>
<title>Read Text File</title>
</head>
<body>
<input type="file" name="inputfile"
id="inputfile">
<br>
<pre id="output"></pre>
<script type="text/javascript">
document.getElementById('inputfile')
.addEventListener('change', function() {
var fr=new FileReader();
fr.onload=function(){
document.getElementById('output')
.textContent=fr.result;
}
fr.readAsText(this.files[0]);
})
</script>
</body>
</html>function readImage(file) { //function readImage(file) {
// Check if the file is an image.
if (file.type && !file.type.startsWith('image/')) {
console.log('File is not an image.', file.type, file);
return;
}
const reader = new FileReader();
reader.addEventListener('load', (event) => {
img.src = event.target.result;
});
reader.readAsDataURL(file);
} Check if the file is an image. if (file.type && !file.type.startsWith('image/')) { console.log('File is not an image.', file.type, file); return; } const reader = new FileReader(); reader.addEventListener('load', (event) => { img.src = event.target.result; }); reader.readAsDataURL(file);}