input的file类型的accept属性的值
属性值
值 | 描述 |
---|---|
audio/* | 接受所有的声音文件。 |
video/* | 接受所有的视频文件。 |
image/* | 接受所有的图像文件。 |
MIME_type | 一个有效的 MIME 类型,不带参数。请参阅 IANA MIME 类型,获得标准 MIME 类型的完整列表。 |
在上传文件的时候,需要限制指定的文件类型,accept这个属性,只在FF和chrome中有效。那么accept能限制哪些文件呢?见下表。
扩展名 MIME 描述
*.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 | application/zip | Compressed Archive |
实例 :
1.accept="image/gif, image/jpeg"
2.accept="application/msword"
3.accept="application/pdf"
4.accept="application/poscript"
5.accept="application/rtf"
6.accept="application/x-zip-compressed"
7.accept="audio/basic"
8.accept="audio/x-aiff"
9.accept="audio/x-mpeg"
10.accept="audio/x-pn/realaudio"
11.accept="audio/x-waw"
12.accept="image/gif"
13.accept="image/jpeg"
14.accept="image/tiff"
15.accept="image/x-ms-bmp"
16.accept="image/x-photo-cd"
17.accept="image/x-png"
18.accept="image/x-portablebitmap"
19.accept="image/x-portable-greymap"
20.accept="image/x-portable-pixmap"
21.accept="image/x-rgb"
22.accept="text/html"
23.accept="text/plain"
24.accept="video/quicktime"
25.accept="video/x-mpeg2"
26.accept="video/x-msvideo"
office办公软件2007以后版本各文档的后缀名,如docx、xlsx
Extension MIME Type
.xlsx application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
.xltx application/vnd.openxmlformats-officedocument.spreadsheetml.template
.potx application/vnd.openxmlformats-officedocument.presentationml.template
.ppsx application/vnd.openxmlformats-officedocument.presentationml.slideshow
.pptx application/vnd.openxmlformats-officedocument.presentationml.presentation
.sldx application/vnd.openxmlformats-officedocument.presentationml.slide
.docx application/vnd.openxmlformats-officedocument.wordprocessingml.document
.dotx application/vnd.openxmlformats-officedocument.wordprocessingml.template
.xlsm application/vnd.ms-excel.addin.macroEnabled.12
.xlsb application/vnd.ms-excel.sheet.binary.macroEnabled.12
混合判断实例(用英文逗号分开) :
1.只能选择doc或docx的文件:accept="application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
2. 只能选择ppt或pptx的文件:accept="application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation"
引用地址:https://blog.csdn.net/u013379933/article/details/77119796?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&dist_request_id=&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control
input的file类型的accept属性的值相关推荐
- HTML5 input file类型,accept(文件类型控制)
在上传文件的时候,需要限制指定的文件类型. <input type="file" accept="image/*" /> ac ...
- vue el-upload上传组件限制文件类型:accept属性
el-upload 控件文档 https://element.eleme.cn/#/zh-CN/component/upload accept属性 示例 <el-uploadclass=&quo ...
- 文件上传(input为file类型)
为什么80%的码农都做不了架构师?>>> <plugin> <groupId>org.apache.maven.plugins</groupId& ...
- HTML5 中的 input 元素的输入类型(type 属性的取值)
目录 输入类型:text 输入类型:image 输入类型:reset 输入类型:password 输入类型:submit 输入类型:radio 输入类型:checkbox 输入类型:button 输入 ...
- html accept属性,input标签accept属性的使用方法及作用
html代码input标签accept属性的使用方法及作用介绍如下: 标签accept属性的定义 accept属性规定了可通过文件上传提交的服务器接受的文件类型. accept属性应该配合type属性 ...
- 清除file类型的input值
问题背景: 非现场开户, 需要上传身份证照片, 见证视频等信息. 当客户上传文件后,由于文件不符合要求等问题, 需要重新上传. 但重新上传后发现,不能触发input的onchange方法. 问题: ...
- Html中Input的accept属性
Accept属性规定通过在文件上传提交的服务接受的文件类型 但是accept属性只能适用在Html input类型为文件类型,也就是说其他类型的input accept属性就不适用 我写的这个过滤文件 ...
- html标签默认值,HTML标签CSS属性默认值汇总
HTML标签CSS属性默认值,在你需要还原默认值的时候比较有用. 以前一直在找这份文档,今天偶然在网上看到了.除了inline和block的定义,主要是要注意body|h1~h6|blockquote ...
- 文件上传接受的类型:file的accept属性
<input id="fileId1" type="file" accept="image/png,image/gif" name=& ...
最新文章
- linux 图形用户界面 x window system 简介
- sklearn之随机森林
- 【数据安全案例】个人信息倒卖产业链悄然形成,司法困境依旧待解
- “棱镜”折射出了什么
- JAVAWEB入门第一篇
- python标准库之fnmatch,dis,timeit
- (16)FPGA面试题MOORE 与 MEELEY状态机
- [已解决]Eclipse 插件Maven在使用 add dependency,找不到包,解决办法
- python循环捕捉异常_python – 如何在for循环迭代器中捕获异常
- Plastic SCM的介绍
- 华为网络技术大赛模拟题答案详解
- 【虹科车用总线技术】PCAN-USB使用手册
- Opencv读取.dat格式CT数据
- Matlab 生成方波信号
- Auto.js Pro安卓免ROOT引流脚本开发系列教程23网易公开课(1)-前言
- 家里宽带网络连接第二台路由器实验一
- windows在当前文件夹下快速使用控制台
- html弹出式登录窗口(DIV悬浮窗口)实现
- 输出1~N之间所有素数
- 城镇固定资产投资增速27.6%
热门文章
- 嵌入式系统移植三部曲 李炎朔
- 初级计算机管理,电脑入门学习初级.pdf
- 测试mac pro性能测试软件,【苹果MacBookPro评测】15款MacBook Pro性能测试 提升不大_苹果 MacBook Pro_笔记本评测-中关村在线...
- 静态网站托管服务平台
- 手机视频聚合App影响 视频网站转型堪忧
- MD5校验(checksum)
- 年度简报 | 回顾2021,展望2022
- 基于Laya游戏引擎实现微信小游戏排行榜
- babylonjs使用笔记
- java计算机毕业设计服装连锁店后台管理系统(附源码、数据库)