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)