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

网页上添加一个input file HTML控件：

1<input id="File1" type="file" />

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

　　解决办法是可以给它添加一个accept属性，比如：

1<input id="File1" type="file"  accept=".xls,.doc,.txt,.pdf"  />

　　这样选择的时候默认会显示为这样：

文件选择框内只显示出你自定义文件类型的文件，也还比较方便。

But,这只是最简单的掩人耳目的做法，还是能选择其它文件类型：

所以，如果要做到真正意义上限制类型做法（其实这种算不上限制，只是把你要的文件类型默认显示出来而已，并不是说不能选择其它的），还是要通过js或者后台来控制。

附支持的文件类型：

01：*.3gpp audio/3gpp， video/3gpp 3GPP Audio/Video

02：*.ac3  audio/ac3  AC3 Audio

03：*.asf  allpication/vnd.ms-asf  Advanced Streaming Format

04：*.au    audio/basic AU Audio

05：*.css  text/css    Cascading Style Sheets

06：*.csv  text/csv    Comma Separated Values

07：*.doc  application/msword  MS Word Document

08：*.dot  application/msword  MS Word Template

09：*.dtd  application/xml-dtd Document Type Definition

10：*.dwg  image/vnd.dwg  AutoCAD Drawing Database

11：*.dxf  image/vnd.dxf  AutoCAD Drawing Interchange Format

12：*.gif  image/gif  Graphic Interchange Format

13：*.htm  text/html  HyperText Markup Language

14：*.html  text/html  HyperText Markup Language

15：*.jp2  image/jp2  JPEG-2000

16：*.jpe  image/jpeg  JPEG

17：*.jpeg  image/jpeg  JPEG

18：*.jpg  image/jpeg  JPEG

19：*.js    text/javascript， application/javascript JavaScript

20：*.json  application/json    JavaScript Object Notation

21：*.mp2  audio/mpeg， video/mpeg  MPEG Audio/Video Stream， Layer II

22：*.mp3  audio/mpeg  MPEG Audio Stream， Layer III

23：*.mp4  audio/mp4， video/mp4    MPEG-4 Audio/Video

24：*.mpeg  video/mpeg  MPEG Video Stream， Layer II

25：*.mpg  video/mpeg  MPEG Video Stream， Layer II

26：*.mpp  application/vnd.ms-project  MS Project Project

27：*.ogg  application/ogg， audio/ogg  Ogg Vorbis

28：*.pdf  application/pdf Portable Document Format

29：*.png  image/png  Portable Network Graphics

30：*.pot  application/vnd.ms-powerpoint  MS PowerPoint Template

31：*.pps  application/vnd.ms-powerpoint  MS PowerPoint Slideshow

32：*.ppt  application/vnd.ms-powerpoint  MS PowerPoint Presentation

33：*.rtf  application/rtf， text/rtf  Rich Text Format

34：*.svf  image/vnd.svf  Simple Vector Format

35：*.tif  image/tiff  Tagged Image Format File

36：*.tiff  image/tiff  Tagged Image Format File

37：*.txt  text/plain  Plain Text

38：*.wdb  application/vnd.ms-works    MS Works Database

39：*.wps  application/vnd.ms-works    Works Text Document

40：*.xhtml application/xhtml+xml  Extensible HyperText Markup Language

41：*.xlc  application/vnd.ms-excel    MS Excel Chart

42：*.xlm  application/vnd.ms-excel    MS Excel Macro

43：*.xls  application/vnd.ms-excel    MS Excel Spreadsheet

44：*.xlt  application/vnd.ms-excel    MS Excel Template

45：*.xlw  application/vnd.ms-excel    MS Excel Workspace

46：*.xml  text/xml， application/xml  Extensible Markup Language

57：*.zip  aplication/zip  Compressed Archiveinput file控件限制上传文件类型 - Kenyep - 博客园