input type=file accept中文件格式限制
原文链接:https://blog.csdn.net/usuallyuser/article/details/83060341
accept="application/msexcel,application/msword,application/pdf"
<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 |
*.docx |
application/vnd.openxmlformats-officedocument.wordprocessingml.document |
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 |
*.xlsx |
application/vnd.openxmlformats-officedocument.spreadsheetml.sheet |
MS Excel Macro |
*.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="file" accept="image/*"上传文件慢的问题解决办法
相信大家都写过<input type="file" name="file" class="element" accept=" ...
- <input type="file"> accept属性筛选文件类型
如果你不希望用户上传任何类型的文件, 你可以使用 input 的 accept 属性. 设置支持 .doc / .docx / .xls / .xlsx / .pdf 格式: <input ty ...
- 判断input[type=file]上传文件格式
input type="file" 在js中判断文件上传类型 function onSubmit(){ var form1 = document.forms[0]; var fil ...
- 关于input type=file上传图片的总结
最近比较忙,现在来整理一下近期的成果,方便以后再次使用. 关于图片上传的js 和jq jq $("input").change(function () { var $file = ...
- input type=file 选择图片并且实现预览效果的实例
为大家带来一篇input type=file 选择图片并且实现预览效果的实例. 通过<input />标签,给它指定type类型为file,可提供文件上传: accept:可选择上传类型, ...
- input type=file 选择图片并且实现预览效果
通过<input />标签,给它指定type类型为file,可提供文件上传: accept:可选择上传类型,如:只要传图片,且不限制图片格式,为image/*: multiple:规定是否 ...
- 前端实现input[type='file']上传图片预览效果
众所周知JavaScript在设计上处于安全角度考虑,是不允许读写本地文件的(原因请自行百度): 但是在实际项目应用中,经常会使用到上传图片,并且可以让用户直接预览图片.对于此种做法有两种方法可以实现 ...
- <input type="file"> 标签详解
详见:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#attr-multiple 使用 type=" ...
随机推荐
- java——解决"java.io.StreamCorruptedException: invalid stream header: xxx"
这个错误是由序列化引起的,可能的原因以及解决方法: 1.kryo对于集合(比如 Map)的反序列化会失效,报这个错误,解决办法比较暴力,不用kryo了,直接用java原生方法. 2.使用Java原生方 ...
- node的安装和配置教程
node,除了做数据服务处理,还是各大框架的环境依赖,作为前端开发人员,node是必不可少的.好了,接下来直接开始. 一.根据自己的安装环境(即你的电脑系统版本)下载对应安装包,官网地址:https: ...
- 最新天猫3轮面试题目:虚拟机+并发锁+Sql防注入+Zookeeper
天猫一面 自我介绍.项目介绍 Spring拦截器.实现了哪些方法?底层原理 AOP如何配置,底层原理.2种动态代理,aop注解实现,xml定义切面 Bean的作用域,单例模式是否线程安全?恶汉模式是否 ...
- Java-Shiro(五):Shiro Realm讲解(二)IniRealm的用法、JdbcRelam的用法、自定义Realm
引入 上一篇在讲解Realm简介时,介绍过Realm包含大概4类缺省的Realm,本章主要讲解: 1)IniRealm的用法: 2)JdbcRealm基于mysql 默认表及查询语句实现认证.授权 ...
- 在linux 下配置firewalld
查看firewalld 是否开始与运行 以下两种方式都可以 systemctl status firewalld.service firewall-cmd --state 查看所有打开的端口 以下两种 ...
- (转)window.open和window.showModalDialog的区别
window.open和window.showModalDialog区别: 1.都是在IE上打开新窗口,只不过前者是非阻塞式,也可以说非模态窗口.而后者是阻塞式模态窗口.阻塞或者模态窗口,只有你把当前 ...
- POJ 1087 最大流裸题 + map
A Plug for UNIX Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 15597 Accepted: 5308 ...
- Color a Tree
题目链接:Click here Solution: 看起来不太能dp,则考虑树上贪心 题目要求一个点必须先染父亲才能染自己,就给了我们启示,贪心的合并点 我们定义一个点的权重为这个点的价值和/点数,然 ...
- 如何将项目托管到Github上
将本地项目放到GitHub上托管并展示 传送门 利用Github Pages展示自己的项目 传送门 git Please tell me who you are解决方法 传送门 git config ...
- 套接字之recvfrom系统调用
recvfrom系统调用通过用户传入的接收空间构造msghdr,并且调用sock_recvmsg,该函数调用socket操作的recvmsg函数sock->ops->recvmsg,ipv ...