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=" ...
随机推荐
- Acwing-98-分形之城(递推,数学)
链接: https://www.acwing.com/problem/content/description/100/ 题意: 城市的规划在城市建设中是个大问题. 不幸的是,很多城市在开始建设的时候并 ...
- Tomcat非root身份运行制作Linux系统服务管理
理论知识怱略,马上开始实战 一.首先准备好tomcat 启动.关闭.重启Shell脚本: 以下Shell脚本主要修改值 tomcatPath:tomcat目录 runUser:以哪个身份运行 此处测试 ...
- 计算机网络(八),TCP的滑动窗口
目录 1.RTT和RTO 2.TCP使用滑动窗口做流量控制与乱序重排 3.滑动窗口的基本原理 八.TCP的滑动窗口 TCP头部中的窗口字段:滑动窗口大小,用来告知发送端接受端的缓存大小,以此控制发送端 ...
- BZOJ 3697: 采药人的路径 点分治
好久不做点分治的题了,正好在联赛之前抓紧复习一下. 先把边权为 $0$ 的置为 $-1$.定义几个状态:$f[dis][0/1],g[dis][0/1]$ 其中 $f$ 代表在当前遍历的子树内的答案. ...
- 排序(sort)
1.定义 排序 所谓排序,就是要整理文件中的记录,使之按关键字递增(或递减)次序排列起来.其确切定义如下: 输入:n个记录R1,R2,…,Rn,其相应的关键字分别为K1,K2,…,Kn. 输出:Ril ...
- EL表达式无效问题
引起原因web.xml中: <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3// ...
- Java 工程师成神之路
基础篇 → 什么是面向对象 面向对象.面向过程 是一种新兴的程序设计方法,或者是一种新的程序设计规范(paradigm),其基本思想是使用对象.类.继承.封装.多态等基本概念来进行程序设计.从现实世界 ...
- (转译)2019年WEB漏洞扫描工具和软件前十名推荐
这些工具都有助于发现漏洞,从而最大限度地提高测试人员的时间和效率.这些工具,2019年更新,也可用于寻找漏洞. 为何扫描? 这资源是什么? Web应用程序对黑客具有极大的吸引力,并且出于百万种不同的原 ...
- HTMLHint 配置文件
HTMLHint 工具可以对 HTML 代码做静态代码检查,从而保证 HTML 代码的规范和质量.HTMLHint 工具内置 23 条规则,建议在 .htmlhintrc 配置文件中将规则尽可能都打开 ...
- Zookeeper(五)持久化快照
Zookeeper(五)持久化快照 用途 快照文件是指定时间间隔对zookeeper服务器上的节点数据的序列化后备份到磁盘中,快照文件不一定是最新的 如果zk集群挂了,可能会用到它来复原 基本术语 D ...