input输入框type=file时accept中可以限制的文件类型(转载)
转载自:
input type=file 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 |
input输入框type=file时accept中可以限制的文件类型(转载)的更多相关文章
- input type=file accept中可以限制的文件类型
在上传文件的时候,需要限制指定的文件类型. <input type="file" accept="image/*" /> accept表示可以上传文 ...
- input输入框type=number时的一个缺陷
本来是在vue里发现获取不到 input[ type="number"]的值,就是输入两个小数点的数值,比如1.1.1,以为是vue的错误,然而不是,vue只做了数字处理 不明白为 ...
- 【转】input file accept属性可以限制的文件类型
来源:http://blog.sina.com.cn/s/blog_6c9d65a10101a8yh.html 在上传文件的时候,需要限制指定的文件类型. <input type="f ...
- 移除HTML5 input在type="number"时的上下小箭头
/*移除HTML5 input在type="number"时的上下小箭头*/ input::-webkit-outer-spin-button, input::-webkit-in ...
- input的type=file触发的相关事件
与input相关的事件运行的过程.添加了一些相关的方法测试了一下.input的type=file的运行流程. 我们书写了mousedown,mouseup,click,input,change,foc ...
- C#中 Excel和其他文件类型的Content-Type/mime-type
C#中 Excel和其他文件类型的Content-Type/mime-type For BIFF .xls files application/vnd.ms-excel For Excel2007 a ...
- 调整type="file"时的input的
<input type="file"> 在ie下的视图如下 而在firefox下的是 一般为了界面美化的效果,会将其设置为透明,然后覆盖一个<a href = & ...
- js判断input输入框为空时遇到的问题 弹窗后,光标没有定位到输入框,而是直接执行我的处理页面程序
无论是会员注册还是提交订单,我们都要使用到form表单,此时我们在处理数据时,就要判断用户填写的信息.一次是直接通过js判断input输入框是否没有填信息,然后在后台处理文件中通过过滤字符串后再次判断 ...
- input type="file"去掉取消默认原来选择的文件
很多时候我们上传文件点击取消后或我们制定了内容格式上传不符合,再次点击input="file"按钮时,选择的文件还是原来的文件,却又上传不.当时想在旁边多添加个按钮清除file里面 ...
随机推荐
- 学习 TList 类的实现[6]
实现 TMyList.Add 函数. TList 中的 Add 函数用到了一个 Grow 方法, 它的原理是元素越多就为以后准备更多内存, 我们这里省略为预留 4 个元素的内存; TList 中的 A ...
- Python学习笔记(一)——基本知识点
主要记录学习Python的历程和用于复习.查阅之用. 知识点: 数据类型(列表.元组.字典.集合) 帮助文档 函数(默认参数.可变参数.关键字参数.参数组合) 数据类型: 列表:list ...
- failed to push some refs to 'git@github.com:*/learngit.git'
https://jingyan.baidu.com/article/f3e34a12a25bc8f5ea65354a.html 出现错误的主要原因是github中的README.md文件不在本地代码目 ...
- OpenCV学习:OpenCV源码编译(vc9)
安装后的OpenCV程序下的build文件夹中,只找到了vc10.vc11和vc12三种编译版本的dll和lib文件,需要VS2010及以上的IDE版本,而没有我们常用的VS2008版本. 于是,需要 ...
- ubuntu网络配置命令
Ubuntu网络配置例如: (1) 配置eth0的IP地址, 同时激活该设备. #ifconfig eth0 192.168.1.10 netmask 255.255.255.0 up (2) 配置e ...
- ios开发之--新手引导页的添加
以往在写启动页面的时候,有时候会直接在启动页里面写,或者自带的vc里面直接写,但是那样并不是很方便,启动页里面往往会添加很多的东西,所以封装成一个单独的类,可以直接使用,即便是后期的更换,或者是其他的 ...
- Duilib教程-HelloDuilib及DuiDesigner的简单使用
一.HelloDuilib 1. 首先理解DUILIB显示的一个基本流程,如下图: 在Duilib中,WindowImplBase 这个类代表了图中 “CWndClass”. 所以我们需要做的是: 1 ...
- 说说新唐ARM9(未完待续)
针对通用32位微控制器的NUC970系列嵌入了由RISC机器有限公司设计的RISC处理器ARM926EJ-S,运行频率高达300 MHz,具有16 KB的I-cache,16 KB的D-cache和M ...
- N76E003学习之路(二)
最近一直在想N76E003和STM8M003的对比情况,在网上找了不少资料,看了不少文档,具体总结如下: STM8S003F3P6:一共20个脚,最多支持16个GPIO,支持16个外部中断:2个16位 ...
- CMS3.0——初次邂逅express
前言: 刚接手cms3.0的工作,似乎对一切都那么的不熟悉,于是在开始新需求之前,先做一个简单的登录系统. 项目目录: 1.使用webstroms建expreess项目,非常方便简单,建好的项目目录就 ...