JSFiddle - React, Tailwind, and code Playground
HTML
<input type="file"
id="openselect"
name="files[]"
(change)="fileSelect($event)">
JavaScript
openselect.addEventListener("change", fileSelect, false);
function fileSelect(event) {
const file = event.target['files'][0];
const fileReader = new FileReader();
fileReader.onload = function() {
doSomethingWithTheResult(fileReader.result)
}
fileReader.readAsText(file);
}
function doSomethingWithTheResult(result) {
console.log(result);
console.log('iamge as blob: ', new Blob([result]))
}