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">
		  <tr> <th>SNo</th><th>FileName</th><th>FileSize</th><th>Action</th> </tr>
		  <tr><td><input type="text" name="sno" id="sno"/></td>
				<td><input type="text" name="fileName" id="fileName"/></td> 
                <td><input type="text" name="fileSize" id="fileSize"/></td>
              <td width="100%"><a href="">delete</a></td>
    </tr> 
  </table>

JavaScript

document.getElementById("file1").onchange = function() {
	document.getElementById("uploadTable").style.visibility="visible";
	var file = this.files[0];
    document.getElementById("fileSize").value = file.size + " bytes";
    document.getElementById("fileName").value = file.name;
	    
	};