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 ...
随机推荐
- 《暗黑世界V1.4》API说明文档
<暗黑世界V1.4>API说明文档 阵法位置示意图 上方: 下方: 账号注册 100 请求信息 { username str ...
- 启动ActiveMQ时报端口被占用异常
配置好ActiveMQ后,前几次都启动成功.有一天启动时发现启动不成功,查看报错日志发现出现如下提示: Failed to start Apache ActiveMQ (localhost, ID:* ...
- Patterns-Flyweight
最近在组里讨论设计模式,第一个是享元模式. 自己贴了一篇这个文章:http://www.cnblogs.com/rush/archive/2011/10/01/2197785.html 感觉这篇讲的不 ...
- android项目解刨之时间轴
近期开发的app中要用到时间轴这东西.须要实现的效果例如以下: 想想这个东西应该能够用listview实现吧. 然后近期就模拟着去写了: 首先写 listview的item的布局: listview ...
- 反射机制2,Class类的使用
class是反射源头,不光可以取得对象所在类信息,也可直接通过class类的方法进行对象的实例化操作. 使用关键字new为对象实例化.如果已经实例化好了class对象,就可以通过class类中提供的n ...
- LaTeX 制作表格
实例代码: \begin{table}[h] \centering \begin{tabular}{|c|c|} \hline \textbf{Distribution} & \textbf{ ...
- Docker运行报Cannot connect to the Docker daemon错误
核心问题所在:权限不足 操作docker命令提示:Cannot connect to the Docker daemon 请切换管理员权限,root权限,root安装的一般的用户访问会存在此问题.
- oracle聚合函数及行专列,pivot rollup cube
1.原始数据 --方法-: --以单位分组,计算每类特殊情况的合计以及按照单位的小计数 with a as (SELECT b.szfz, case when tsqk is not null th ...
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数 ...
- 1-wire单总线DS18B20
要想实现单总线通信,每一个挂在总线上的从机必须拥有开路或3态输出.单总线DS18B20的DQ引脚用内部电路实现了开漏输出,其等效电路如下图: 当单片机IO引脚配置为 mcu IO引脚 电流流向 DS1 ...