input file控件限制上传文件类型

<

input

class="file"
type="file" />

默认是这样的，所有文件类型都会显示出来，如果想限制它只显示我们设定的文件类型呢，比如”excel“,”pdf“文件　

<

input

class="file"type="file"  accept=".xls,.pdf"  />

但是这算不上严格意义上的限制，只是把你要的文件类型默认显示出来而已，还是可以选择选择其它的

我们需要用js代码进行控制判断是否是.xls,xlsx

<inputtype="file" name="attachment" class="file"/>

varattachmentV = $("input[name='attachment']",queryContainer).val();            if(attachmentV&&attachmentV.indexOf(".")>-1){                var suffix = attachmentV.substring(attachmentV.lastIndexOf(".")+1,attachmentV.length);                if(suffix&&(suffix.toUpperCase()=='XLS'||suffix.toUpperCase()=='XLSX')){                    Ext.Msg.wait( '系统正在保存中...', '请稍候' );                    $("#loading_mask").show();                    document.form1.submit();                }else{                    alert("必须是Excel文件！");                }            }else{                alert("请选择文件！");            }

附支持的文件类型：

*.3gpp audio/3gpp， video/3gpp  3GPP Audio/Video*.ac3   audio/ac3   AC3 Audio*.asf   allpication/vnd.ms-asf  Advanced Streaming Format*.au    audio/basic AU Audio*.css   text/css    Cascading Style Sheets*.csv   text/csv    Comma Separated Values*.doc   application/msword  MS Word Document*.dot   application/msword  MS Word Template*.dtd   application/xml-dtd Document Type Definition*.dwg   image/vnd.dwg   AutoCAD Drawing Database*.dxf   image/vnd.dxf   AutoCAD Drawing Interchange Format*.gif   image/gif   Graphic Interchange Format*.htm   text/html   HyperText Markup Language*.html  text/html   HyperText Markup Language*.jp2   image/jp2   JPEG-2000*.jpe   image/jpeg  JPEG*.jpeg  image/jpeg  JPEG*.jpg   image/jpeg  JPEG*.js    text/javascript， application/javascript JavaScript*.json  application/json    JavaScript Object Notation*.mp2   audio/mpeg， video/mpeg  MPEG Audio/Video Stream， Layer II*.mp3   audio/mpeg  MPEG Audio Stream， Layer III*.mp4   audio/mp4， video/mp4    MPEG-4 Audio/Video*.mpeg  video/mpeg  MPEG Video Stream， Layer II*.mpg   video/mpeg  MPEG Video Stream， Layer II*.mpp   application/vnd.ms-project  MS Project Project*.ogg   application/ogg， audio/ogg  Ogg Vorbis*.pdf   application/pdf Portable Document Format*.png   image/png   Portable Network Graphics*.pot   application/vnd.ms-powerpoint   MS PowerPoint Template*.pps   application/vnd.ms-powerpoint   MS PowerPoint Slideshow*.ppt   application/vnd.ms-powerpoint   MS PowerPoint Presentation*.rtf   application/rtf， text/rtf   Rich Text Format*.svf   image/vnd.svf   Simple Vector Format*.tif   image/tiff  Tagged Image Format File*.tiff  image/tiff  Tagged Image Format File*.txt   text/plain  Plain Text*.wdb   application/vnd.ms-works    MS Works Database*.wps   application/vnd.ms-works    Works Text Document*.xhtml application/xhtml+xml   Extensible HyperText Markup Language*.xlc   application/vnd.ms-excel    MS Excel Chart*.xlm   application/vnd.ms-excel    MS Excel Macro*.xls   application/vnd.ms-excel    MS Excel Spreadsheet*.xlt   application/vnd.ms-excel    MS Excel Template*.xlw   application/vnd.ms-excel    MS Excel Workspace*.xml   text/xml， application/xml   Extensible Markup Language*.zip   aplication/zip  Compressed Archive