用html做上传图片时，怎样限制上传图片的尺寸？

Posted 2023-02-27

参考技术A 分类: 电脑/网络 >> 程序设计 >> 其他编程语言
问题描述:

我用做上传图片时，怎样限制上传图片的尺寸？就是在图片上传之前，用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 method="post" action="">

<input type=file Name="file" id="file" value="默认值" onchange="yanzheng()">

<input type=submit name=Submit value="提交" />

</form>