当在表单中添加一个文件字段时,你可能想把选择器限制在图片上
当然,你可以添加一个服务器端的过滤器,但同时拥有一个客户端的过滤器对你的用户来说也是一个很好的用户体验--不会浪费时间和资源来发送一个文件给你,然后得到一个错误的回复。
你可以通过使用accept 属性,并指定你接受的文件的MIME类型来做到这一点。
image/* 应该捕捉所有的图像。
<input type="file" name="myImage" accept="image/*" />
如果你想只允许某些特定的文件类型,请列出它们。
<input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg" />
你可以在这里检查浏览器对这个属性的支持情况:https://caniuse.com/#feat=input-file-accept