JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Please specify a file, or a set of files:<br>
<input type="file" id="myFile" multiple size="50" onchange="myFunction()">
</p>



<textarea id="demo" style="width:400px;height:150px;"></textarea>

JavaScript

function myFunction(){
  var file = document.getElementById("myFile").files[0];
  if (file) {
      var reader = new FileReader();
      reader.readAsText(file, "UTF-8");
      reader.onload = function (evt) {
          document.getElementById("demo").innerHTML = evt.target.result;
      }
      reader.onerror = function (evt) {
          document.getElementById("demo").innerHTML = "error reading file";
      }
  }
}