Demo - jquery-File-detail

Edit This Code :
<html><head></head><body><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><br /><input id="fUpload" multiple type="file" />
    <ul id="ulList"></ul><input id="btnShow" type="button" value="Show" /><br />
    <script>
      $("#btnShow").on('click', function() {
        $("#ulList").empty();
        var fp = $("#fUpload");
        var lg = fp[0].files.length; // get length
        var items = fp[0].files;
        var fragment = "";

        if (lg > 0) {
          for (var i = 0; i < lg; i++) {
            var fileName = items[i].name; // get file name
            var fileSize = items[i].size; // get file size 
            var fileType = items[i].type; // get file type

            // append li to UL tag to display File info
            fragment += "<li>" + fileName + " (<b>" + fileSize + "</b> bytes) - Type :" + fileType + "</li>";
          }

          $("#ulList").append(fragment);
        }
      });

    </script></body> </html>
Result :