input 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 检查接受属性的兼容性。

关于兼容性，我们在日常开发中要特别注意。