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>