在網站建設中，我們常常碰到一個問題就是，上傳的圖片，有的很大，寬度或高度超出網頁的寬和高，這樣一來就把網頁撐大了，如果你設定寬和高，那上傳的比例就不能符合所有圖片，我們需要一個功能來滿足這些條件，按照上傳圖片自動判斷圖片尺寸，并且將尺寸自動縮放至設置的尺寸，如果高度超出設定的值，就按高度比例縮放，如果寬度超出設定的值，那么就按照自動縮放的，下面我們介紹一種用js的方法，來實現。

代碼如下:

<script>
<!--
function DrawImage(ImgD,FitWidth,FitHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
} else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
//-->
</script>

應用圖片的時候也很簡單，代碼如下
<IMG SRC="<%=rs("img2")%>" border=0 onload="javascript: DrawImage(this,180,160);">

網站圖片自動縮放功能，你學會了嗎？