html5 – 将文件上传选择限制为特定类型

无论如何通过< input type =“file”/>限制文件类型的选择。元件？

例如，如果我只想要上传的图像类型，我会限制可能的选择(image / jpg，image / gif，image / png)，选择对话框将灰色其他MIME类型的文件。

p.s.我知道，我可以通过扫描.type属性的File API后的事实。我真的试图限制这个手..我也知道，我可以通过闪光，但我不想使用闪光这一点。

解决方法

有一个html属性为这个特定的目的称为接受，但它几乎没有支持跨浏览器。因为这个服务器端验证是推荐的。

<input type="file" name="pic" id="pic" accept="image/gif,image/jpeg" />

如果你没有访问后端有一个基于闪存的解决方案，如SWFUpload。

更多相关信息：File input ‘accept’ attribute – is it useful?