html file 限制gif,html input file上傳控制項限制上傳文件的類型

type=”file”的input上傳選擇文件默認是所有文件類型都會顯示出來，如何限制它只顯示設定的文件類型，如.xlsx、.doc、.pdf等後綴文件？辦法是給它添加一個accept屬性，代碼如下：

附支持的文件類型：

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

PS：這是個治標不治本的方法，用戶通過下拉還是可以選擇其它文件類型的，要想真正意義上限制文件類型，仍需要通過js或者後台來控制。