首页 > webfront > SGML > html > > 正文

前端限定选择文件类型—让input type=file只是获取图片

发布人:zhoulujun@live.cn    点击:

在前端开发时候,我们让用户上传文件,但是,怎么去限制用户选择文件的类型?比如,我只让用户选择图片上传!当然,选择其它文件后,让用户

在前端开发时候,我们让用户上传文件,但是,怎么去限制用户选择文件的类型?

比如,我只让用户选择图片上传!

当然,选择其它文件后,让用户判断是否是图片……

但是,我选择的时候,就限制用户的选择范围,……可以如此!

<input type="file" id="file" accept="image/gif,image/jpeg,image/x-png" />


这样,就只能选择 gif,jpg,png格式的图片了

电脑图片选择限制

下面,是常用26中文件类型格式……可以收藏备查!

1.accept="application/msexcel"

2.accept="application/msword"

3.accept="application/pdf"

4.accept="application/poscript"

5.accept="application/rtf"

6.accept="application/x-zip-compressed"

7.accept="audio/basic"

8.accept="audio/x-aiff"

9.accept="audio/x-mpeg"

10.accept="audio/x-pn/realaudio"

11.accept="audio/x-waw"

12.accept="image/gif"

13.accept="image/jpeg"

14.accept="image/tiff"

15.accept="image/x-ms-bmp"

16.accept="image/x-photo-cd"

17.accept="image/x-png"

18.accept="image/x-portablebitmap"

19.accept="image/x-portable-greymap"

20.accept="image/x-portable-pixmap"

21.accept="image/x-rgb"

22.accept="text/html"

23.accept="text/plain"

24.accept="video/quicktime"

25.accept="video/x-mpeg2"

26.accept="video/x-msvideo"