<HTML> <HEAD> <TITLE>用JS做上传图片预览功能</TITLE> <script> function Wa_SetImgAutoSize(img) { //var img=document.all.img1;//获取图片 var MaxWidth=200;//设置图片宽度界限 var MaxHeight=100;//设置图片高度界限 var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比 var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比 alert("test"+img.offsetHeight+img.fileSize); if(img.offsetHeight>1) alert(img.offsetHeight); if(img.readyState!="complete"){ return false;//确保图片完全加载 } if(img.offsetWidth>MaxWidth){ img.width=MaxWidth; img.height=MaxWidth*HeightWidth; } if(img.offsetHeight>MaxHeight){ img.height=MaxHeight; img.width=MaxHeight*WidthHeight; } } function CheckImg(img) { var message=""; var MaxWidth=1;//设置图片宽度界限 var MaxHeight=1;//设置图片高度界限 if(img.readyState!="complete"){ return false;//确保图片完全加载 } if(img.offsetHeight>MaxHeight) message+="\r高度超额："+img.offsetHeight; if(img.offsetWidth>MaxWidth) message+="\r宽度超额："+img.offsetWidth; if(message!="") alert(message); } </script> </HEAD> <BODY> <img src="http://www.baidu.com/img/sslm1_logo.gif" name="img1" width="80" border=0 id="img1" > <br> <input id="inp" type="file" onpropertychange="img1.src=this.value;" style="display:none"> <input type="button" value="修改头像" onclick="inp.click()"/> </BODY> </HTML>
