1.
<html> <head> </head> <body> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><br/> <input id="fUpload" multiple type="file"/> <ul id="ulList"></ul> <input id="btnShow" type="button" value="Show"/><br/> <script> $(document).ready(function(){ $("#btnShow").on('click', function () { $("#ulList").empty(); var fp = $("#fUpload"); var lg = fp[0] .files.length; var items = fp[0].files; var fragment = ""; if (lg > 0) { for (var i = 0; i < lg; i++) { var fileName = items[i].name; //獲得文件名 var fileSize = items[i].size; //獲得文件大小 var fileType = items[i].type; //獲得文件類型 //在UL標簽顯示文件信息 fragment += "<li>" + fileName + " " + fileSize + " bytes. Type :" + fileType + "</li>"; } $("#ulList").append(fragment); } }); }); </script> </body> </html>