微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何允许只接受图像文件?

如何解决如何允许只接受图像文件?

使用输入标签属性。要仅接受 PNG、JPEG 和 GIF,您可以使用以下代码

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

或者简单地说:

<input type="file" name="myImage" accept="image/*" />

请注意,这仅向浏览器提供关于向用户显示哪些文件类型的提示,但这很容易绕过,因此您也应该始终在服务器上验证上传文件

它应该可以在 IE 10+、Chrome、Firefox、Safari 6+、Opera 15+ 中运行,但在手机上的支持非常粗略(截至 2015 年),根据一些报告,这实际上可能会阻止某些手机浏览器上传任何内容,所以一定要好好测试你的目标平台。

有关详细的浏览器支持,请参阅http://caniuse.com/#feat=input-file- accept

解决方法

我只需要通过<input type="file">标签上传图像文件。

现在,它接受所有文件类型。但是,我想将其限制为仅包含 等的特定图像文件扩展.jpg.gif

我怎样才能实现这个功能?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。