用文件上传组件里的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类型文件，使用逗号分隔它们。经过这样的设定，这个上传组件就对上传的文件类型有了特点的限制。在这个例子里就是要求删除的文件类型必须是图片。很方便吧！