JS验证上传文件类型和大小
2018-12-06 13:27供稿中心：北大青鸟编辑
function testFile(t) {
var v = t.val();
var sp = t.next();
var div = t.parent();
sp.empty();
var arr = [ "jpg", "jpeg", "bmp", "gif", "png" ];
var suffix = v.substring(v.lastIndexOf(".") + 1);
var flag = false;
for (var i = 0; i < arr.length; i++) {
if (arr[i] == suffix.toLowerCase()) {
flag = true;
break;
}
}
if (!flag) {
sp.html("上传的文件不是图片！");
div.removeClass("ok").addClass("error");
return false;
}
if (/msie/.test(navigator.userAgent.toLowerCase())) {
//针对IE
var img = new Image();
img.src = v;
console.log(img)
if (img.fileSize > 300 * 1024) {
sp.html("上传的文件不能超300K！");
div.removeClass("ok").addClass("error");
return false;
}
} else {
//非IE
var size = t[0].files[0].size;
console.log(t);
alert(size);
if (size > 300 * 1024) {
sp.html("上传的文件不能超300K！");
div.removeClass("ok").addClass("error");
return false;
}
}
sp.html("文件正确！");
div.removeClass("error").addClass("ok");
return true;
}
$(function() {
$("#pic").change(function() {
testFile($(this));
});
});
