HTML5的 input:file上传类型控制解析

符号 阅读:214 2021-04-25 14:35:50 评论:0

一、input:file属性

属性值有以下几个比较常用:

accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。

multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。

1、accept

只能选择png和gif图片

<input id="fileId1" type="file" accept="image/png,image/gif" name="file" /> 

2、multiple

多文件上传

<input id="fileId2" type="file" multiple="multiple" name="file" />

3、常用MIME类型

后缀名       MIME名称 
*.3gpp    audio/3gpp, video/3gpp 
*.ac3    audio/ac3 
*.asf       allpication/vnd.ms-asf 
*.au           audio/basic 
*.css           text/css 
*.csv           text/csv 
*.doc    application/msword     
*.dot    application/msword     
*.dtd    application/xml-dtd     
*.dwg    image/vnd.dwg     
*.dxf      image/vnd.dxf 
*.gif            image/gif     
*.htm    text/html     
*.html    text/html     
*.jp2            image/jp2     
*.jpe       image/jpeg 
*.jpeg    image/jpeg 
*.jpg          image/jpeg     
*.js       text/javascript, application/javascript     
*.json    application/json     
*.mp2    audio/mpeg, video/mpeg     
*.mp3    audio/mpeg     
*.mp4    audio/mp4, video/mp4     
*.mpeg    video/mpeg     
*.mpg    video/mpeg     
*.mpp    application/vnd.ms-project     
*.ogg    application/ogg, audio/ogg     
*.pdf    application/pdf     
*.png    image/png     
*.pot    application/vnd.ms-powerpoint     
*.pps    application/vnd.ms-powerpoint     
*.ppt    application/vnd.ms-powerpoint     
*.rtf            application/rtf, text/rtf     
*.svf           image/vnd.svf     
*.tif         image/tiff     
*.tiff       image/tiff     
*.txt           text/plain     
*.wdb    application/vnd.ms-works     
*.wps    application/vnd.ms-works     
*.xhtml    application/xhtml+xml     
*.xlc      application/vnd.ms-excel     
*.xlm    application/vnd.ms-excel     
*.xls           application/vnd.ms-excel     
*.xlt      application/vnd.ms-excel     
*.xlw      application/vnd.ms-excel     
*.xml    text/xml, application/xml     
*.zip            aplication/zip     
*.xlsx     application/vnd.openxmlformats-officedocument.spreadsheetml.sheet 

  


标签:CSSJavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
KIKK导航

KIKK导航

关注我们