Javascript實現上傳的圖片按比例縮放和原樣顯示

javascript|上傳|顯示 　　我們經常會遇到在頁面中的圖片按照我們自己的大小來顯示，這樣可以讓頁面看起來更規範一些。  　　比如我們要在頁面種顯示130×160的圖片，相當於我們將圖片放入這樣的一個相框那，超過的就縮放到這個框的大小，小的就原樣顯示。      我們這裡有2種解決辦法，
    1，不按照比例的縮放  <script language="javascript">
function changeImg(mypic){
    var xw=130;
    var xl=160;

    var width = mypic.width;
    var height = mypic.height;
                    
    if (width > xw ) mypic.width = xw;
    if (height > xl ) mypic.height = xl;
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">      2，按照比例的縮放  <script language="javascript">
function changeImg1(mypic){
    var xw=160;
    var xl=180;
        
    var width = mypic.width;
    var height = mypic.height;
    var bili = width/height;        
        
    var A=xw/width;
    var B=xl/height;
        
    if(A>1||B>1)
    {
        if(A<B)
        {
            mypic.width=xw;
            mypic.height=xw/bili;
        }
        if(A>B)
        {
            mypic.width=xl*bili;
            mypic.height=xl;
        }
    }
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">