话不多说,直接上代码
<input type="file" id="drivinglicensepic" name="drivinglicensepic" onchange="checkImage(this);"/>
//此处onchange方法表示文件选中时调用checkImage函数
<script type="text/javascript">
function checkImage(obj){
var fileSize = 0;//设置获取图片大小为0
var tmpImageValue = obj.value; //获取所选中的图片路径
var imageMaxSize = 1024*1024;//设置最大1M,可自定义限制大小
if(tmpImageValue != ""){ //如果选中了图片
var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); //调用ie系统控件
var file = fileSystem.GetFile (tmpImageValue); //根据图片路径获取图片信息
fileSize = file.Size; //获取图片大小
var imgSize = fileSize/1024/1024; //图片大小转换为M(兆)单位
var imgOver = ""+imgSize; //转换字符串,为了截取字符串
if(imgOver.length>4){
imgOver = imgOver.substring(0,4);//截取前4位,只是为了显示大小更容易看
}
if(fileSize>imageMaxSize){ //如果图片大小超过设定的大小
alert("当前文件大小"+imgOver+ "M,超出最大限制");
var file0 = $("#"+obj.id) ; //根据id获取图片
file0.after(file0.clone().val("")); //克隆内容
file0.remove(); //清空
return false;
}
return false;
}else{
alert("请选择图片上传");
return false;
}
}
</script>