Javascript jQuery验证图像扩展案例

Javascript jQuery验证图像扩展案例,javascript,jquery,regex,jquery-validate,Javascript,Jquery,Regex,Jquery Validate,我正在使用jquery验证来验证图像上传扩展。现在我有一些类似于: $("#photo").rules("add", { accept: "jpg|jpeg|png|" }); 问题是,只有当扩展为小写时,才会接受此选项。我可以 $("#photo").rules("add", { accept: "jpg|jpeg|png|JPG|JPEG|PNG" }); 但我希望即使扩展是jPG或jPG,它也能工作。我试过这个正则表达式: accept

我正在使用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"

不知道我的正则表达式是错的还是插件不接受正则表达式。有什么想法吗?谢谢

accept
仅适用于mime类型

如果要按文件扩展名指定,则需要
扩展名
规则


请参阅:

也许您不需要麻烦jQuery来验证图像扩展

如果您不关心区分大小写,只需要使用
accept
属性即可,如下所示

但此解决方案存在一些兼容性限制,请参阅:

错误的规则。这些是文件扩展名,不是mime类型。我想如果我使用image/*这将符合接受规则,对吗?@raygo,阅读文档!这也是默认设置: