file控件和filelist对象基础知识。

 

　　 file控件：

　　　　document.getElementById("idName").file; //返回的是fileList对象。

　　fileList对象的常用方法有name（文件名称）、type（文件类型）、size（文件大小）、lastModefiedDate（文件的最后修改时间）等 

　　默认情况下，选择文件为单选，但是加上multiple属性之后，即可以多选。 

　　此处的multiple属性，只写”multiple”或者是写成”multiple=’multiple’”这种形式都是可以，这点类似于autofocus,loop这类属性。个人习惯写成multiple=’multiple’这种格式。 

　　此外，file控件还有accept属性，用于指定选择文件类型。 

　　accept=”application/msexcel” 

　　accept=”application/msword” 

　　accept=”application/pdf” 

　　accept=”application/poscript” 

　　accept=”application/rtf” 

　　accept=”application/x-zip-compressed” 

　　accept=”audio/basic” 

　　accept=”audio/x-aiff” 

　　accept=”audio/x-mpeg” 

　　accept=”audio/x-pn/realaudio” 

　　accept=”audio/x-waw” 

　　accept=”image/gif” 

　　accept=”image/jpeg” 

　　accept=”image/tiff” 

　　accept=”image/x-ms-bmp” 

　　accept=”image/x-photo-cd” 

　　accept=”image/x-png” 

　　accept=”image/x-portablebitmap” 

　　accept=”image/x-portable-greymap” 

　　accept=”image/x-portable-pixmap” 

　　accept=”image/x-rgb” 

　　accept=”text/html” 

　　accept=”text/plain” 

　　accept=”video/quicktime” 

　　accept=”video/x-mpeg2” 

　　accept=”video/x-msvideo”

　　下面的代码对应三部分内容： 

　　1、文件类型不限，显示文件的文件名、文件类型、文件大小和文件的最后修改时间 

　　2、限制文件类型为图片，通过正则表达式的形式，在选择之后判断，显示文件的文件名、文件类型、文件大小和文件的最后修改时间 

　　3、限制文件类型为图片，通过accept属性，在选择文件时限制，显示文件的文件名、文件类型、文件大小和文件的最后修改时间 

代码如下：

HTML部分：

1  2  3      4         
        5         
        6         
        7         
        8         
        9         10         57     58     59         
       
        60             
        61             
        62             
        
         63             
        
64         
       
65 66         
       
        67             
        68             
        69             
        
         70             
        
71         
       
72 73         
       
        74             
        75             
        76             
        
         77             
        
78         
       
79     80 

 

JS部分：

1 

 

上面代码的运行效果如下：