如何只接受输入文件字段中的图像

将文件字段添加到表单时,您可能希望将选择器限制为图像

当然,您可以添加服务器端筛选器,但是拥有客户端筛选器对于您的用户来说是一个很好的UX-不会浪费时间,也不会浪费资源来向您发送文件并返回错误。

您可以使用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

免费下载我的JavaScript初学者手册


更多浏览器教程: