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

 1、函数：

/**
 * 判断上传的文件是否为图片与图片的大小
 * @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：

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

js调用：

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