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

前端之家收集整理的这篇文章主要介绍了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?

猜你在找的HTML5相关文章