Jquery 输入文件类型图像大小限制不起作用

事实上，我尝试使用此url进行jquery图像文件验证，但不起作用。请验证并建议我好吗

---

单击此处：

上传
$（函数（）{
$（“上传表格”）
.验证({
规则：{
示例文件：{
文件类型：{
类型：[“text”、“gzip”、“zip”]
},
最大文件大小：{
“单位”：“KB”，
“尺寸”：100
},
最小文件大小：{
“单位”：“KB”，
“大小”：“10”
}
}
});
});

您希望使用扩展名，因此仅包含jquery和jquery.validate是不够的。因此，还可以通过下载插件来包含插件。（我知道示例中缺少该插件）

最终解决方案应类似于：

<form method="post" enctype="multipart/form-data" id="upload_form">
    <input type="file" name="example_file" name="example_file">
    <button type="submit">Upload</button>
</form>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="jquery.validate.file.js"></script>
<script> $(function () {
    $("#upload_form")
        .validate({
            rules: {
                example_file: {
                    fileType: {
                        types: ["text", "gzip", "zip"]
                    },
                maxFileSize: {
                    "unit": "KB",
                    "size": 100
                },
                minFileSize: {
                    "unit": "KB",
                    "size": "10"
                }
            }
        });
    });
</script>

上传
$（函数（）{
$（“上传表格”）
.验证({
规则：{
示例文件：{
文件类型：{
类型：[“text”、“gzip”、“zip”]
},
最大文件大小：{
“单位”：“KB”，
“尺寸”：100
},
最小文件大小：{
“单位”：“KB”，
“大小”：“10”
}
}
});
});

---

编辑：在JSFIDLE中测试上传功能不是最好的主意，因为它一般不允许文件上传。

在jQuery验证插件中没有称为

fileType

、

maxFileSize

和

minFileSize

的规则。您需要或者可能需要这样做

您还缺少一个右括号

$("#upload_form").validate({
    rules: {
        example_file: {
            fileType: { 
                types: ["text", "gzip", "zip"]
            },
            maxFileSize: { 
                "unit": "KB",
                "size": 100
            },
            minFileSize: { 
                "unit": "KB",
                "size": "10"
            }
        } // <- THIS one was missing
    }
});

$（“上传表单”）。验证({
规则：{
示例文件：{
文件类型：{
类型：[“text”、“gzip”、“zip”]
},
maxFileSize:{
“单位”：“KB”，
“尺寸”：100
},
最小文件大小：{
“单位”：“KB”，
“大小”：“10”
}
}//什么验证不起作用？大小、文件类型……？请查看示例：您缺少右括号，无法包含自定义方法。请参阅我的答案。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<!--// need to include this one too //-->
<script src="jquery.validate.file.js"></script>

$("#upload_form").validate({
    rules: {
        example_file: {
            fileType: { 
                types: ["text", "gzip", "zip"]
            },
            maxFileSize: { 
                "unit": "KB",
                "size": 100
            },
            minFileSize: { 
                "unit": "KB",
                "size": "10"
            }
        } // <- THIS one was missing
    }
});