// 图片类型验证
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;
}
}
js限制图片大小格式等
最新推荐文章于 2024-01-09 16:29:15 发布