炫意html5
最早CSS3和HTML5移动技术网站之一

用文件上传组件里的accept属性限制上传文件的类型

HTML5的诞生给Web程序员带来了很多非常简便但及其重要的属性,比如download, autofocus, required, novalidate, 和 placeholder。下面将要介绍的是另外一个Web程序员必须知道的HTML5知识: 文件上传组件的accept属性。它是用来修饰input[type=file]元素。下面看一下它的用法。

HTML代码

我使用一个上传文件按钮来演示如何使用accept属性:

<input type="file" name="media_empty" accept="image/gif,image/jpeg,image/jpg,image/png,">

在这个accept属性里,你可以填入多个mime类型文件,使用逗号分隔它们。经过这样的设定,这个上传组件就对上传的文件类型有了特点的限制。在这个例子里就是要求删除的文件类型必须是图片。很方便吧!

炫意HTML5 » 用文件上传组件里的accept属性限制上传文件的类型

Java基础教程Android基础教程