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里面 ...
随机推荐
- 详细分析css float 属性以及position:absolute 的区别
1.float 属性定义元素在哪个方向浮动.以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动.浮动元素会生成一个块级框,而不论它本身是何种元素.div一个典型的块 ...
- python 包管理和virturlenv
python 包管理工具 Python当前的包管理工具链是 easy_install/pip + distribute/setuptools + distutils,显得较为混乱. 而将来的工具链组合 ...
- Tomcat之JSP运行原理之小试牛刀
最近空闲看了下JSP/Servlet,以前只知道用JSP,但是对其运行原理知之甚少,今在此做些笔记,以备查阅. 首先简要描述下其运行过程,然后结合Tomcat源码作简要分析. JSP运行过程: 第一步 ...
- HLS图像处理系列——肤色检測
本博文採用Xilinx HLS 2014.4工具.实现一个肤色检測的模块.当中,本文重点是构建HLS图像处理函数. 新建HLSproject的步骤,本博文不再详述. 本project新建之后,仅仅加入 ...
- POJ 1018 Communication System(树形DP)
Description We have received an order from Pizoor Communications Inc. for a special communication sy ...
- 给IT同学推荐这15个不错的学习网站,收藏起来慢慢看吧
1.学堂在线:http://www.xuetangx.com 目前,学堂在线运行了包括包括清华大学.北京大学.复旦大学.斯坦福大学.麻省理工学院.加州大学伯克利分校等国内外几十所顶尖高校的优质课程.在 ...
- 内存监测工具 DDMS --> Heap
无论怎么小心,想完全避免bad code是不可能的,此时就需要一些工具来帮助我们检查代码中是否存在会造成内存泄漏的地方.Android tools中的DDMS就带有一个很不错的内存监测工具Heap(这 ...
- linux系统socket通信编程实践
简单介绍并实现了基于UDP(TCP)的windows(UNIX下流程基本一致)下的服务端和客户端的程序,本文继续探讨关于UDP编程的一些细节. 下图是一个简单的UDP客户/服务器模型: 我在这里也实现 ...
- Nginx遇上Access Denied提示怎么解决
这几天在摆弄linux下面的各种服务器,对nginx非常有兴趣. 于是把phpmyadmin传上去了,先是phpmyadmin配了半天,结果配好之后发现phpmyadmin一些logo.css.js文 ...
- css - 三种方法解决LI和内部Img的上下间距问题
在火狐浏览器和谷歌浏览器(qq浏览器,谷歌内核)bug类似这张图: img的高度是190*127 但是放到li中,li并没有设置高度,却和内部的图片之间上下错位. 若强行给li设置高度127,他和im ...