input_file控件使用accept过滤

参见：https://blog.csdn.net/qq_29483485/article/details/86480203

针对input type=”file”输入框，通过accept来过滤文件类型。弊端就是，需要知道对应文件的类型。

在文件上传控件（input type=’file’）中，可以通过accept属性实现对文件类型的过滤。

一、相关代码：

下面给出对应的文件上传控件代码：

<input type="file" id="uploadDom" accept="image/jpeg,image/gif,application/msword"/><br/>

上面的代码表示限制文件上传类型为.jpg/.gif/.doc。

js代码动态控制：

var uploadDom = document.getElementById('uploads');
uploadDom.accept="text/javascript"

二、限制规则：

在文件上传控件的accept属性中，接受以下两种格式的限制符：

• 文件类型，但不限制具体扩展名，如：image/*，就只要是图片就行。
• 文件类型+具体的文件扩展类型，如：image/jpeg，使用的是MIME_TYPE类型
• 多个MIME_TYPE类型之间用逗号分隔。

三、accept属性具体接受的类型：

accept这个属性，只在FF，ie10和chrome中有效。

以下是常用的类型：

*.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

上面，如果要过滤php文件，感觉就无能为力呢。