安然不哭-西坝阿超个人博客

做技术一定要一颗恒心,这样才不会半途而废。

html5 中input type=‘file’实现文件图片等的上传的文件类型限制

2018-3-16 钟建超

可以直接设置input标签的accept属性来限制上传文件的类型

<input type="file" accept="application/msword" >

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”


如果限制上传的文件为图片格式,则可以直接写成:accept = ‘image/*’;

标签: html