JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" name="fileUpload" size="50" id="file1" multiple/>

    <table border="1" id="uploadTable" style="visibility:hidden">
		 
  </table>

JavaScript

var rowN = 0;
document.getElementById("file1").onchange = function() {
	document.getElementById("uploadTable").style.visibility="visible";
	var file = this.files[0];
    var table = document.getElementById("uploadTable");
    var row = '<tr><td><input type="text" name="sno" id="sno' + rowN + '"/></td><td><input type="text" name="fileName" id="fileName' + rowN + '" value="' + file.name + '"/></td><td><input type="text" name="fileSize" value="' + file.size + '" id="fileSize' + rowN + '"/></td><td width="100%"><a href="">delete</a></td></tr>'; 
    //document.getElementById("uploadTable").value = file.size + " bytes";
    //document.getElementById("fileName").value = file.name;
	  table.innerHTML = table.innerHTML + row;  
    rowN++;
	};