用html做上传图片时,怎样限制上传图片的尺寸?

来源:百度知道 编辑:UC知道 时间:2024/05/11 13:39:12
我用html做上传图片时,怎样限制上传图片的尺寸?就是在图片上传之前,用javascript报错?

<script>
var img=null;
var xianzhiheight=60;//限制尺寸的高度
var xianzhiwidth=80;//限制尺寸的宽度

function yanzheng()
{
if(img)img.removeNode(true);
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
document.body.insertAdjacentElement("beforeend",img);
img.src=form1.file.value;
if (img.offsetHeight>xianzhiheight)
{
alert("您选择的图片超过了上传限制的最大高度:"+xianzhiheight);
document.form1.file.outerHTML=document.form1.file.outerHTML.replace(/value=\w/g,'');
return false;
}

if (img.offsetWidth>xianzhiwidth){
alert("您选择的图片超过了上传限制的最大宽度:"+xianzhiwidth);
document.form1.file.outerHTML=document.form1.file.outerHTML.replace(/value=\w/g,'');
return false;
}
}

</script>
<form id="form1" name="form1"