图片UI表现控制(图片读取失败时读取默认图片/缩放图片到指定尺寸)的JS

/**/ /*********************************************
        图片读取失败时读取默认图片
*********************************************/
function  loadDefaultPhoto(img,defaultPhoto) ... {
    if(img != null)...{
        img.src = defaultPhoto;
        img.onerror="";        //清楚onerror属性避免死循环
    }
}
/**/ /*********************************************
        缩放图片到指定尺寸（不超出width*height)
*********************************************/
function  scaleDefaultPhoto(img,width,height) ... {
    if(img != null)...{
        var imgWidth = img.width;
        var imgHeight = img.height;    
        if(imgWidth>width&&imgHeight>height)...{
            //both image's width and height are larger than required one
            var widthRate = imgWidth/width;
            var heightRate = imgHeight/height;
            if(widthRate>heightRate)...{
                //use width to retrieve the image
                img.width=width;
                img.height=imgHeight*(width/imgWidth);
            }else...{
                img.height=height;
                img.width=imgWidth*(height/imgHeight);
            }            
        }
        else if(imgWidth>width)...{
            //the image width lg than the required width
            img.width=width;
            img.height=imgHeight*(width/imgWidth);
        }
        else if(imgHeight>height)...{
            //the image height lg than the required
            img.height=height;
            img.width=imgWidth*(height/imgHeight);    
        }        
    }
}