html input accept类型
在上传文件的时候,需要限制指定的文件类型。
<input type="file" accept="image/*" />
accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。
accept可以指定如下信息:
|
*.3gpp |
audio/3gpp, video/3gpp |
3GPP Audio/Video |
|
*.ac3 |
audio/ac3 |
AC3 Audio |
|
*.asf |
allpication/vnd.ms-asf |
Advanced Streaming Format |
|
*.au |
audio/basic |
AU Audio |
|
*.css |
text/css |
Cascading Style Sheets |
|
*.csv |
text/csv |
Comma Separated Values |
|
*.doc |
application/msword |
MS Word Document |
|
*.dot |
application/msword |
MS Word Template |
|
*.dtd |
application/xml-dtd |
Document Type Definition |
|
*.dwg |
image/vnd.dwg |
AutoCAD Drawing Database |
|
*.dxf |
image/vnd.dxf |
AutoCAD Drawing Interchange Format |
|
*.gif |
image/gif |
Graphic Interchange Format |
|
*.htm |
text/html |
HyperText Markup Language |
|
*.html |
text/html |
HyperText Markup Language |
|
*.jp2 |
image/jp2 |
JPEG-2000 |
|
*.jpe |
image/jpeg |
JPEG |
|
*.jpeg |
image/jpeg |
JPEG |
|
*.jpg |
image/jpeg |
JPEG |
|
*.js |
text/javascript, application/javascript |
JavaScript |
|
*.json |
application/json |
JavaScript Object Notation |
|
*.mp2 |
audio/mpeg, video/mpeg |
MPEG Audio/Video Stream, Layer II |
|
*.mp3 |
audio/mpeg |
MPEG Audio Stream, Layer III |
|
*.mp4 |
audio/mp4, video/mp4 |
MPEG-4 Audio/Video |
|
*.mpeg |
video/mpeg |
MPEG Video Stream, Layer II |
|
*.mpg |
video/mpeg |
MPEG Video Stream, Layer II |
|
*.mpp |
application/vnd.ms-project |
MS Project Project |
|
*.ogg |
application/ogg, audio/ogg |
Ogg Vorbis |
|
|
application/pdf |
Portable Document Format |
|
*.png |
image/png |
Portable Network Graphics |
|
*.pot |
application/vnd.ms-powerpoint |
MS PowerPoint Template |
|
*.pps |
application/vnd.ms-powerpoint |
MS PowerPoint Slideshow |
|
*.ppt |
application/vnd.ms-powerpoint |
MS PowerPoint Presentation |
|
*.rtf |
application/rtf, text/rtf |
Rich Text Format |
|
*.svf |
image/vnd.svf |
Simple Vector Format |
|
*.tif |
image/tiff |
Tagged Image Format File |
|
*.tiff |
image/tiff |
Tagged Image Format File |
|
*.txt |
text/plain |
Plain Text |
|
*.wdb |
application/vnd.ms-works |
MS Works Database |
|
*.wps |
application/vnd.ms-works |
Works Text Document |
|
*.xhtml |
application/xhtml+xml |
Extensible HyperText Markup Language |
|
*.xlc |
application/vnd.ms-excel |
MS Excel Chart |
|
*.xlm |
application/vnd.ms-excel |
MS Excel Macro |
|
*.xls |
application/vnd.ms-excel |
MS Excel Spreadsheet |
|
*.xlt |
application/vnd.ms-excel |
MS Excel Template |
|
*.xlw |
application/vnd.ms-excel |
MS Excel Workspace |
|
*.xml |
text/xml, application/xml |
Extensible Markup Language |
|
*.zip |
aplication/zip |
Compressed Archive |
html input accept类型的更多相关文章
- 规则 防火墙 iptables input accept【转】
由于 mangle 这个表格很少被使用,如果将图 9.3-3 的 mangle 拿掉的话,那就容易看的多了: 图 9.3-4.iptables 内建各表格与链的相关性(简图) 透过图 9.3-4 你就 ...
- 限制Input输入类型的常见代码集合
搜集整理常见的限制INPUT输入类型的实现方式: 1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g ...
- html <input>标签类型属性type(file、text、radio、hidden等)详细介绍
html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...
- HTML5移动开发中的input输入框类型
HTML5规范引入了许多新的input输入框类型 在HTML5移动开发中,通过这些新的输入框类型来显示定制后的键盘布局,用户体验更好,更容易填写各种表单 本文中,实测手机为肾4S与米4 数字类型num ...
- html5 & input & accept attribute
html5 & input & accept attribute html input accept attribute https://www.w3schools.com/TAGS/ ...
- openssl之BIO系列之18---接受(accept)类型BIO
接受(accept)类型BIO ---依据openssl doc\crypto\bio_s_accept.pod翻译和自己的理解写成 (作者:DragonKing, Mail: wzhah@263.n ...
- [oldboy-django][2深入django]学生管理(Form)-- 编辑(设置input标签属性,设置input标签默认显示值,设置input的类型)
1 django 后台实现设置input标签属性,设置input标签默认显示值,设置input输入框类型 # Form生成html标签 a. 通过Form生成Input输入框,Form标签,以及sub ...
- html5 input number类型使用整理
一. html5 input中的数字number类型, 只能输入整数,如果要输入浮点数呢,可以通过max.min和step去定义. type="number" 数字类型 mi ...
- input file accept类型
Valid Accept Types: For CSV files (.csv), use: <input type="file" accept=".csv&quo ...
随机推荐
- C Python类型互换
从Python到C的转换用PyArg_Parse*系列函数,int PyArg_ParseTuple():把Python传过来的参数转为C:int PyArg_ParseTupleAndKeyword ...
- kvm 虚拟化 SMP(对称多处理器)介绍及配置
一.SMP(对称多处理器)介绍 1)SMP简介 在计算机技术很普及和日益发达的今天,以 Intel.IBM 为代表的一些大公司推动着中央处理器(CPU)技术的飞速发展和更新换代.在如今计算机系统中,多 ...
- 学会使用简单的MySQL操作
第十八章 学会使用简单的MySQL操作 在前面两个章节中已经介绍过MySQL的安装了.可是光会安装还不够.还须要会一些主要的相关操作.当然了,关于MySQL的内容也是非常多的.仅仅只是对于linux系 ...
- Docker exec与Docker attach
转载博客地址:http://blog.csdn.net/halcyonbaby 新浪微博:@寻觅神迹 内容系本人学习.研究和总结,如有雷同,实属荣幸! ================== Docke ...
- 一些JS常用的方法
/** * JS公用类库文件 */ (function(){ Tools = { W: window, D: document, Postfix: ".php", GetId: f ...
- mysql中的时间类型datetime,date,time,year,timestamp小知识点
1.datetime,date,time,year四个类型的值,可以手动输入,也可以调用函数获得值 ① 手动输入,格式如下: datetime "2016-6-22 14:09:30&quo ...
- emq(centos 7) 使用
配置文件: EMQ 配置文件: /etc/emqttd/emq.conf 插件配置文件: /etc/emqttd/plugins/*.conf 日志文件 日志文件目录: /var/log/emqttd ...
- jms、amqp、mqtt区别与联系
消息传递作为基本通信机制已经在全世界成功运用.无论是人与人.机器与人还是机器与机器之间,消息传递一直都是唯一常用的通信方式.在双方(或更多)之间交换消息有两种基本机制. 同步消息传递 异步消息传递 同 ...
- FreeSWITCH技巧:如何向通话的另一方号码发送dtmf?
注:这里的文章都是本人的日常总结,请尊重下个人的劳动成果,转载的童鞋请注明出处,谢谢. 如您转载的文章发生格式错乱等问题而影响阅读,可与本人联系,无偿提供本文的markdown源代码. 联系邮箱:ji ...
- [Android] 通过Menu实现图片怀旧、浮雕、模糊、光照和素描效果
因为随手拍项目想做成类似于美图秀秀那种底部有一排Menu实现不同效果的功能,这里先简介怎样通过Menu实现打开相冊中的图片.怀旧效果.浮雕效果.光照效果和素描效果.后面可能会讲述怎样通过Pop ...