input:file上传类型控制简单介绍

<input type="file">可以上传文件，这个就不用多介绍了。

其实我们使用此控件可以进行上传文件格式的控制。

特别说明:在实际应用中，不但要在前端进行验证，后端也是要进行验证的。

一.此控件两个主要属性:

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

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

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

1.accept:

只能选择png和gif图片

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

2.multiple:

多文件上传

1	`<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

原文发布时间为：2017-2-27

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：input:file上传类型控制简单介绍

input:file上传类型控制简单介绍相关推荐

HTML5的 input:file上传类型控制
一.input:file属性属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表. multiple:是否可以选择多个文 ...
php 手机网站上传文件,HTML5的 input:file上传类型控制，html5手机上传图片调用API。...
调用摄像.视频调用语音调用相机调用相机图片或者相册一.input:file属性属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用 ...
ajax+ashx 完美实现input file上传文件
1.input file 样式不能满足需求 <input type="file" value="浏览" /> IE8效果图: Firefox效 ...
Input file 上传文件
Input file 上传文件介绍 <input> type 类型为 file 的 input 元素使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上,或者通过 Javascr ...
实现php a标签文件,HTML_如何点击a标签实现弹出input file上传文件对话框，html 复制代码代码如下: SPAN - phpStudy...
如何点击a标签实现弹出input file上传文件对话框 html 复制代码代码如下: <div> <a href="###">添加图片a> < ...
php input file 上传文件类型,php轻松实现文件上传功能
本文分为五个部分针对php上传文件进行分析讲解,具体内容如下文件上传变量将服务器上的临时文件移动到指定目录下 php.ini上传相关配置 error错误号单文件上传实例 1.文件上传变量 //$ ...
input file 上传问题
<input type="file" accept=".png,jpg" multiple="multiple"/> 由于in ...
input file 上传隐藏美化
最近有一天,因为头像上传的 file 隐藏问题,加了个班,今天刚好有时间,赶紧记录一下. 先上代码,就是一个 css 样式优化. /*选择文件上传input css*/ .am-form-file { ...
微信安卓input file 上传onchange不能触发问题
在公司的公众号里写了上传图片功能,但是发现部分安卓机型不能触发上传接口,排查发现是onchange没有被触发解决方法: <input type="file" accept= ...

input:file上传类型控制简单介绍

input:file上传类型控制简单介绍相关推荐

最新文章

热门文章