JSFiddle - React, Tailwind, and code Playground

by CBroe

HTML

<form>
<table>
<thead>
  <tr>
    <th>Name</th><th>Size</th><th>Last Modified</th>
  </tr>
</thead>
<tbody></tbody>
<tfoot><tr><td colspan="2">No File(s) selected</td><td><label><input type="file" id="fi"> Add File</label></td></tr></tfoot>
</table>
</form>

JavaScript

var $fi = $('#fi'),
    $fl = $('#fl');

$fi.on('input', function($this) {
  var files = this.files;
  console.log(files)
  $.each(files, function(i, f) {
  console.log((new Date(f.lastModified)))
    $('tbody').append('<tr><td>'+f.name+'</td><td>'+f.size+'</td><td>'+(new Date(f.lastModified).toDateString())+'</td></tr>');
  });
});