html只允许上传xlsx,HTML input file控件限制上传文件类型.pdf

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

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

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

1

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

“word“,”excel“,”pdf“文件

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

1

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

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

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

1 / 3

所以，如果要做到真正意义上限制类型做法(其实这种算不上限制，只是把你要的文件类型默认显示出来而已，并不是说不

能选择其它的)，还是要通过js 或者后台来控制。

附支持的文件类型：

1 *.3gpp audio/3gpp ，video/3gpp 3GPP Audio/Video

2 *.ac3 audio/ac3 AC3 Audio

3 *.asf allpication/vnd.ms-asf Advanced Streaming Format

4 *.au audio/basic AU Audio

5 *.css text/css Cascading Style Sheets

6 *.csv text/csv Comma Separated Values

7 *.doc application/msword MS Word Document

8 *.dot application/msword MS Word Template

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