jquery.validate file验证jpg图片的坑

之前写的验证：

file: {
                accept: "JPG|PNG"
            },

发现jpg图片一直验证不了，后来发现要这么写:

file: {
                accept: "JPEG|PNG"
            },

这个时候PNG，JPG和JPEG都是接受的，目前还不知道为什么，等待进一步的探索。。。
进一步的探索出来了：
我们看additional-methods.js里面关于accept的函数：

// Accept a value from a file input based on a required mimetype
$.validator.addMethod("accept", function(value, element, param) {
    // Split mime on commas in case we have multiple types we can accept
    var typeParam = typeof param === "string" ? param.replace(/\s/g, "").replace(/,/g, "|") : "image/*",
    optionalValue = this.optional(element),
    i, file;

    // Element is optional
    if (optionalValue) {
        return optionalValue;
    }

    if ($(element).attr("type") === "file") {
        // If we are using a wildcard, make it regex friendly
        typeParam = typeParam.replace(/\*/g, ".*");

        // Check if the element has a FileList before checking each file
        if (element.files && element.files.length) {
            for (i = 0; i < element.files.length; i++) {
                file = element.files[i];

                // Grab the mimetype from the loaded file, verify it matches
                if (!**file.type.match(new RegExp( "\\.?(" + typeParam + ")$", "i"))**) {
                    return false;
                }
            }
        }
    }

不难看出，里面判断文件是否符合要求是根据文件的type来进行判定的。而.jpg的文件类型又是什么呢？

现在，jquery.validate file验证jpg的时候为什么要写“accept：JPEG”的问题就得到完美解决了。