<!
本示例演示圖片加載時自動顯示等比例縮略圖
在做web程序的時候往往會遇到客戶上傳很大的圖片
但是顯示的時候如果把所略圖的高寬比手工設置好
由於圖片的形狀不同會造成顯示變形
這裡用一段小腳本程序來解決這個問題
你可以把它修改一下做的更通用一些
比如說把Wa_SetImgAutoSize()函數加個img參數
然後在圖片的onload=事件裡傳送自己去調用函數
>
<HTML>
<HEAD>
<TITLE>演示圖片等比例縮小</TITLE>
<script>
function Wa_SetImgAutoSize()
{
var img=document
all
img
;//獲取圖片
var MaxWidth=
;//設置圖片寬度界限
var MaxHeight=
;//設置圖片高度界限
var HeightWidth=img
offsetHeight/img
offsetWidth;//設置高寬比
var WidthHeight=img
offsetWidth/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;
}
}
</script>
</HEAD>
<BODY>
<img src=
border=
id=
img
onload=
Wa_SetImgAutoSize();
>
<br>
<input id=inp type=
file
onpropertychange=
img
src=this
value;
>
</BODY>
</HTML>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19296.html
