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中可以限制的文件类型相关推荐
- html file 隐藏,input type=file /浏览时只显示指定文件类型(html5新特性)
type="file" />浏览时只显示指定文件类型 accept属性列表 1.accept="application/msexcel" 2.accept ...
- HTML,input type=“file“获取文件名、文件大小、文件类型
HTML代码 <input type="file" id="deviceFile"> 获取文件名.文件大小.文件类型 $('#deviceFile' ...
- input type=file accept=.zip上传文件响应慢的问题解决办法
在谷歌和火狐中使用 accept=".zip" 属性发现响应延迟的问题. 于是几经尝试后,发现是 accept=".zip" 属性的问题,删掉它或者将 * 通配 ...
- input[type=file]如何屏蔽“未选择任何文件”
在input中file文件类型是用来选择上传文件用的,但是这个文件选择框有个提示信息--未选择任何文件,甚至还可能不显示自己设置的提示信息,并且还可能点击空白地方(设置透明的opacity: 0;), ...
- 在html中的file怎么只能选择图片,input type=file 选择图片并且实现预览效果
通过标签,给它指定type类型为file,可提供文件上传: accept:可选择上传类型,如:只要传图片,且不限制图片格式,为image/*: multiple:规定是否可以选择多个文件: 规定只可上 ...
- html5 中input type=‘file’实现文件图片等的上传的文件类型限制
可以直接设置input标签的accept属性来限制上传文件的类型 <input type="file" accept="application/msword&quo ...
- html <input type=file>上传文件时,accept属性值汇总,支持文件格式,限制文件格式,限制上传图片的格式
限制文件格式 一.示例标签1: <input type="file" accept="image/*" /> accept属性说明: image表 ...
- input type=“file“属性详解,利用capture调用手机摄像头
<input> type 类型为 file 的标签,可以选择一个或多个文件,通过表单上传到服务器,也可以通过 Javascript 的 File API 对文件进行操作. 实例: < ...
- input type=file选择图片按钮样式修改与图片预览
1 背景 通过上图我们可以看到input type=file按钮的默认样式,非常不美观,如果要自定义该按钮的样式,要如何实现呢? 2 方式1样式 input覆盖整个按钮区域,并且设置完全透明 < ...
最新文章
- android摄像头方向与屏方向,Android通过ExifInterface判断Camera图片方向的方法
- SAP以创新提升极限帆船赛
- 3、leetcode 697 数组的度
- case 日期when 范围_多个日期段如何分组 case when convert等用法
- 不就是个短信登录API嘛,有这么复杂吗?
- python波峰波谷算法_波动均分算法
- Mockito和Hamcrest的试驾制造商
- shell读取文件并且遍历输出
- 按钮传值给ajax,用jquery和ajax实现分页时,按钮怎么给jquery传值?
- Python中对列表list进行定义、增删改查、遍历及与元组的对比
- SpringBoot2.0基础案例(01):环境搭建和RestFul风格接口
- Windows 8连接*** 691错误解决办法
- iOS 应用程序的生命周期浅析
- Django之form组件is_valid校验机制
- java中else语句有错_java 菜鸟 If else有错误
- 《菜菜的机器学习sklearn课堂》sklearn入门与决策树
- php界面怎么美化,美化你的应用程序的外观界面
- nmap 查看服务器版本信息,nmap命令-nmap命令扫描服务器信息的格式
- 鸿蒙手表定位功能Demo体验,适用儿童、老年和外出旅游安全市场
- JUnit version 3.8 or later expected
热门文章
- 5 多数据save_[Python] 通过采集两万条数据,对无名之辈影评分析
- JS面向对象之封装自定义构造函数
- 20210217:力扣第228周周赛(上)
- mysql mvcc undo_Mysql Innodb中undo-log和MVCC多版本一致性读 的实现
- excel 相邻数计算机,Excel计算公式大全.doc
- BUS HOUND调试USB驱动遇到的错误代码解析
- 谷雨钜献 | 用深度学习理解遥感图像,识别效率提升90倍,PaddlePaddle中科院遥感地球所...
- 十个优衣库仓库理货员,只有一个能留下,机器已经上岗了
- 最新编程语言排行榜出炉:Swift和Kotlin好像开始凉了
- 微软总裁呼吁:AI刷脸,美国政府该管一管了