Jquery vaildate 自定义验证图片大小和类型
2016-07-27 15:18
501 查看
jQuery.validator.addMethod("checkPic", function(value, element) {
var name=element.attributes["name"].value;
var file=$("input[name="+name+"]").val();
var filename=file.replace(/.*(\/|\\)/, "");
var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';
//切割出后缀文件名
if(file==""){
return true;
}
if(fileExt!="jpg"&&fileExt!="gif"&&fileExt!="JPG"&&fileExt!="GIF"&&fileExt!="png"&&fileExt!="PNG")
{
return false;
}else{
return true;
}
}, "请上传gif,jpg,png,jpeg格式的图片文件");
jQuery.validator.addMethod("checkPicSize", function(value,element) {
var name=element.attributes["name"].value;
var file=$("input[name="+name+"]").val();
if(file==""){
return true;
}
var fileSize=element.files[0].size;
var maxSize = 5*1024*1024;
if(fileSize > maxSize){
return false;
}else{
return true;
}
}, "请上传大小在5M一下的图片");
var name=element.attributes["name"].value;
var file=$("input[name="+name+"]").val();
var filename=file.replace(/.*(\/|\\)/, "");
var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';
//切割出后缀文件名
if(file==""){
return true;
}
if(fileExt!="jpg"&&fileExt!="gif"&&fileExt!="JPG"&&fileExt!="GIF"&&fileExt!="png"&&fileExt!="PNG")
{
return false;
}else{
return true;
}
}, "请上传gif,jpg,png,jpeg格式的图片文件");
jQuery.validator.addMethod("checkPicSize", function(value,element) {
var name=element.attributes["name"].value;
var file=$("input[name="+name+"]").val();
if(file==""){
return true;
}
var fileSize=element.files[0].size;
var maxSize = 5*1024*1024;
if(fileSize > maxSize){
return false;
}else{
return true;
}
}, "请上传大小在5M一下的图片");
相关文章推荐
- jQuery的选择器
- 自学jQuery的随笔1
- jquery 事件冒泡的介绍以及如何阻止事件冒泡、浏览器默认行为
- jQuery.extend 函数详解
- jquery学习以及下载链接
- textarea自动分行jquery php html简单做法
- JQUERY $.post()
- jquery ui sortable 拖动时位置错位
- Jquery中this和$(this)的区别
- js、jquery对于html内容的转义
- jQuery中document与window以及load与ready 区别详解
- jQuery 遍历 - closest() 方法
- jquery代码素材-16素材网
- 【freecodecamp】jQuery知识点
- 使用 纯JQuery 进行 表单 验证
- 使用 纯JQuery 进行 表单 验证
- jquery中使用serialize() 序列化表单时 中文乱码问题
- jQuery+css实现非常漂亮的水平导航菜单效果
- jQuery+CSS实现简单切换菜单示例
- jQuery resize 事件增强版