js限制图片大小格式等

 // 图片类型验证
function verificationPicFileType(file) { 
   var flag=false;
    var fileTypes = [".jpg", ".png",".JPG", ".PNG"];  
    var filePath = file.value;  
    //当括号里面的值为0、空字符、false 、null 、undefined的时候就相当于false  
    if(filePath){  
        var isNext = false;  
        var fileEnd = filePath.substring(filePath.indexOf("."));  
        for (var i = 0; i < fileTypes.length; i++) {  
            if (fileTypes[i] == fileEnd) {  
                isNext = true;
                flag= true;
                break;  
            }  
        }  
        if (!isNext){  
            alert('不接受此文件类型,请上传jpg或png格式文件');  
            file.value = "";  
            flag=false;  
        }  
    }
    return flag;
}
//图片大小验证  
function verificationPicFileSize(file) { 
	var flag=false;
    var fileSize = 0;  
    var fileMaxSize = 1024;//1M  
    var filePath = file.value;  
    if(filePath){  
        fileSize =file.files[0].size;  
        var size = fileSize / 1024;  
        if (size > fileMaxSize) {  
            alert("文件大小不能大于1M!");  
            file.value = "";  
            flag=false;  
        }else if (size <= 0) {  
            alert("文件大小不能为0M!");  
            file.value = "";  
            flag=false;  
        }else{
        	flag=true;
        }  
    }
    return flag;
}
//图片尺寸验证  
function verificationPicFileMeasure(file) {  
    var filePath = file.value;  
    if(filePath){  
        //读取图片数据  
        var filePic = file.files[0];  
        var reader = new FileReader();  
        reader.onload = function (e) {  
            var data = e.target.result;  
            //加载图片获取图片真实宽度和高度  
            var image = new Image();  
            image.οnlοad=function(){  
                var width = image.width;  
                var height = image.height;  
                if (width == 720 | height == 1280){  
                    alert("文件尺寸符合!");  
                }else {  
                    alert("文件尺寸应为:720*1280!");  
                    file.value = "";  
                    return false;  
                }  
            };  
            image.src= data;  
        };  
        reader.readAsDataURL(filePic);  
    }else{  
        return false;  
    }  
}
//图片验证  
function verificationPicFile(file) { 
	debugger;
  var  typeFlag=verificationPicFileType(file);
  var sizeFlage=verificationPicFileSize(file);
  if(true==typeFlag&true==sizeFlage){
	 return true;
  }else{
	  return false;
  }
   
}

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值