我只需要通过上传图像文件<input type="file">
tag.
目前,它接受所有文件类型。但是,我想将其限制为仅特定的图像文件扩展名,其中包括.jpg
, .gif
, etc.
我怎样才能实现这个功能?
Use the accept输入标签的属性。要仅接受 PNG、JPEG 和 GIF,您可以使用以下代码:
<label>Your Image File
<input type="file" name="myImage" accept="image/png, image/gif, image/jpeg" />
</label>
或者简单地:
<label>Your Image File
<input type="file" name="myImage" accept="image/*" />
</label>
请注意,这仅向浏览器提供有关向用户显示哪些文件类型的提示,但这很容易规避,因此您也应该始终在服务器上验证上传的文件。
它应该适用于 IE 10+、Chrome、Firefox、Safari 6+、Opera 15+,但在移动设备上的支持非常粗略(截至 2015 年),根据一些报告,这实际上可能会阻止某些移动浏览器上传任何内容,所以一定要好好测试你的目标平台。
有关详细的浏览器支持,请参阅http://caniuse.com/#feat=input-file-accept
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)