您的位置:首页 > Web前端 > JavaScript

jsp 图片限制大小

2016-06-06 14:50 501 查看
话不多说,直接上代码

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsp 图片