jQuery验证镜像扩展案例

Question

我正在使用jquery validate来验证图像上传扩展。现在我有一些类似的东西：

$("#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来验证图像扩展。

如果您不关心区分大小写，您只需要使用<input>的accept属性来完成，就像这样

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

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