input file简单实现限制上传文件的类型

简介:

大家都知道通常都是使用如下控件实现文件上传功能:

 
1
< input type = "file" />

有时候在实际应用中可能需要限制上传文件的类型,可以通过此标签进行简单的设置实现

代码如下:

 
1
< input accept = "image/jpg,image/jpeg,image/png,image/bmp,image/gif" type = "file" />

上面的代码演示了如何限制上传图片的格式类型。


原文发布时间为:2017-2-23

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:input file简单实现限制上传文件的类型



相关文章
|
4月前
原生input实现上传文件
原生input实现上传文件
|
前端开发 Java 程序员
el-upload上传组件accept属性限制文件类型(案例详解)
案例分享el-upload上传组件accept属性!欢迎留言沟通交流!
3255 0
el-upload上传组件accept属性限制文件类型(案例详解)
|
前端开发 JavaScript
Bootstrap File Input,最好用的文件上传组件(1)
Bootstrap File Input,最好用的文件上传组件
527 0
Bootstrap File Input,最好用的文件上传组件(1)
|
3月前
input file 设置文件选择类型
input file 设置文件选择类型
|
4月前
|
JSON 前端开发 JavaScript
JS前端读取本地上传的File文件对象内容(包括Base64、text、JSON、Blob、ArrayBuffer等类型文件)
JS前端读取本地上传的File文件对象内容(包括Base64、text、JSON、Blob、ArrayBuffer等类型文件)
|
5月前
|
前端开发
input file上传文件改变默认样式
input file上传文件改变默认样式
46 0
|
7月前
input type=file过滤图片
input type=file过滤图片
28 0
|
9月前
|
前端开发
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
38 0
ADI
|
JavaScript 前端开发 API
[记录] input[type=file]属性详解
[记录] input[type=file]属性详解
ADI
232 0
|
前端开发 程序员 内存技术
Bootstrap File Input,最好用的文件上传组件(2)
Bootstrap File Input,最好用的文件上传组件
234 0
Bootstrap File Input,最好用的文件上传组件(2)