input file 设置文件选择类型

简介: input file 设置文件选择类型

使用 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 file 设置文件选择类型
使用 accept 属性,accept 属性的值是一个包含一个或多个(用逗号分隔)这种唯一文件类型说明符的字符串。每个唯一文件类型说明符可以采用下列形式之一。
input file 设置文件选择类型
|
前端开发 Java 程序员
el-upload上传组件accept属性限制文件类型(案例详解)
案例分享el-upload上传组件accept属性!欢迎留言沟通交流!
3278 0
el-upload上传组件accept属性限制文件类型(案例详解)
|
9月前
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
64 0
|
5月前
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
41 0
|
6月前
|
前端开发
input file上传文件改变默认样式
input file上传文件改变默认样式
48 0
|
8月前
input type=file过滤图片
input type=file过滤图片
28 0
|
前端开发 索引
PythonGUI编程(3) ---- Options选项 Entry单行文本框 Text多行文本框
PythonGUI编程(3) ---- Options选项 Entry单行文本框 Text多行文本框
188 0
PythonGUI编程(3) ---- Options选项 Entry单行文本框 Text多行文本框
input文件选择框文件过滤参数accept
input文件选择框文件过滤参数accept
动态添加input,然后获取所有的input框中的值
动态添加input,然后获取所有的input框中的值
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错