验证图像扩展大小写

jQuery Validate image extension case

本文关键字：大小写 扩展 图像 验证      更新时间：2023-09-26

我使用jquery验证来验证图像上传扩展。现在我有这样的代码:

$("#photo").rules("add", {
        accept: "jpg|jpeg|png|"
    });

问题是，这只接受扩展名是小写的情况。我可以写

$("#photo").rules("add", {
        accept: "jpg|jpeg|png|JPG|JPEG|PNG"
    });

但我希望这工作，即使扩展是jPG或jPG。我试了这个regex:

 accept: "/'.(jpe?g|gif|png)$/i"

不知道是否我的正则表达式是错误的，或者如果插件只是不接受正则表达式。任何想法?谢谢!

accept仅适用于mime类型。

如果您想通过文件扩展名指定，则需要extension规则。

见:http://jqueryvalidation.org/extension-method/

也许您不需要使用jQuery来验证图像扩展。

如果你不关心大小写，你只需要使用<input>的accept属性就可以了，就像这样

<input type="file" name="pic" accept=".png, .jpg">

，但这个解决方案有一些兼容性限制，参见:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input Browser_compatibility

相关文章：