在HTML5中，提供了一个关于文件操作的API，通过这个API，对于从web页面上访问本地文件系统的相关处理变得十分简单。到目前为止只有部分浏览器对它提供支持。
1.FileList对象和File对象
FileList对象表示用户选择的文件列表，在HTML4中file控件内只允许放置一个文件，但在HTML5中通过添加multiple属性，file控件内允许放置多个文件。控件内的每一个用户选择的文件都是一个file对象，而FileList就是这些file对象的列表，代表用户选择的所有文件。file对象有两个属性，一个是name，代表文件名不包含文件的路径；一个是lastModifiedDate，表示文件最后被修改的日期。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset='UTF-8'/> 5 <title>FileList and File </title> 6 <script type="text/javascript" language="JavaScript"> 7 function showFiles(){ 8 var file, 9 len = document.getElementById('file').files.length;//返回FileList文件列表对象 10 for (var i=0; i < len; i++) { 11 file = document.getElementById('file').files[i]; 12 alert(file.name); 13 }; 14 15 } 16 </script> 17 </head> 18 <body> 19 <input type="file" id='file' multiple="multiple" width="80px"/> 20 <input type="button" id="bt1" value="click" onclick="showFiles();"/> 21 </body> 22 </html>