input file 设置文件选择类型

简介: 使用 accept 属性,accept 属性的值是一个包含一个或多个(用逗号分隔)这种唯一文件类型说明符的字符串。每个唯一文件类型说明符可以采用下列形式之一。

使用 accept 属性,accept 属性的值是一个包含一个或多个(用逗号分隔)这种唯一文件类型说明符的字符串。


每个唯一文件类型说明符可以采用下列形式之一:


  • 一个以英文句号(".")开头的合法的不区分大小写的文件名扩展名。例如: .jpg,.pdf 或 .doc。
  • 一个不带扩展名的 MIME 类型字符串。
  • 字符串 audio/*, 表示“任何音频文件”。
  • 字符串 video/*,表示 “任何视频文件”。
  • 字符串 image/*,表示 “任何图片文件”。


如设置文件选择只能选择图片使用 accept="image/*"


<input type="file" accept="image/*">

image.png


文件选择多类型设置,如只能选择图片和音视频文件


<input type="file" accept="image/*,audio/*,video/*">


image.png

MDN

developer.mozilla.org/zh-CN/docs/…


目录
相关文章
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
232 0
|
8月前
input file 设置文件选择类型
input file 设置文件选择类型
269 0
|
前端开发
input file上传文件改变默认样式
input file上传文件改变默认样式
113 0
input type=file过滤图片
input type=file过滤图片
65 0
|
前端开发
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
56 0
input文件选择框文件过滤参数accept
input文件选择框文件过滤参数accept
117 0
ADI
|
JavaScript 前端开发 API
[记录] input[type=file]属性详解
[记录] input[type=file]属性详解
ADI
348 0
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错
sublime text3 取消显示路径path的方法
sublime text3 每当运行报错error时,都会出现一长串的path路径,如何不显示呢? 可以通过注释掉Packages/Default/exec.py的四个特定行来更改。 首先,您需要从Package Control中安装PackageResourceViewer插件。
1601 0
|
移动开发 JavaScript 前端开发
HTML5的 input:file上传类型控制
原文:HTML5的 input:file上传类型控制 HTML5的 input:file上传类型控制 2014年8月29日 90820次浏览 一、input:file属性 属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。
1583 0