jQuery验证图像扩展案例

Question

我使用jquery验证来验证图片上传扩展。现在我有类似的东西：

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

问题是，如果扩展名为小写，则只接受此操作。我能做到

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

但即使扩展名为jPG或JPg，我也希望这项工作能够实现。我试过这个正则表达式：

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

不知道我的正则表达式是错还是插件不接受正则表达式。任何的想法？谢谢！

Answer 1

accept仅适用于mime类型。

如果要按文件扩展名指定，则需要extension规则。

请参阅：http://jqueryvalidation.org/extension-method/

Answer 2

也许你不需要打扰jQuery来验证图像扩展。

如果您不关心区分大小写，则只需使用accept的{​​{1}}属性来执行此操作，就像这样

<input>

但此解决方案存在一些兼容性限制，请参阅： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Browser_compatibility