文件上传前判断文件是否为图片类型以及其大小

 1、函数：

[code]/**
* 判断上传的文件是否为图片与图片的大小
* @param {string}  FileId  文件按钮id
* @param {number}  maxsize  图片大小（单位/M）
*/
function imgTypeSize(FileId, maxsize) {
/*获取图片内容对象*/
var imgFile = document.getElementById(FileId).files[0];
if(imgFile.name == "") {
alert("请上传图片");
return false;
} else {
/*图片类型正则验证*/
var imgStr = /\.(jpg|jpeg|png|bmp|BMP|JPG|PNG|JPEG)$/;
if(!imgStr.test(imgFile.name)) {
alert("文件不是图片类型");
return false;
} else {
/*图片大小*/
var imagSize = imgFile.size;
if(imagSize < (1024 * 1024 * maxsize)) {
return true;
} else {
alert(imgFile.name + "大小不能超过" + maxsize + "M");
return false;
}
}
}
};

2、使用：

html：

[code]<input type="file" name="imgId" id="imgId" value="" />

js调用：

[code]//判断是否为图片，若为图片，判断其大小是否大于0.5M
imgTypeSize('imgId',0.5)