精美而实用的网站，关注web编程技术、网站运营、SEO推广，让您轻松愉快的学习

网站上传图片尺寸大小不等，青岛星网跟大家分享一个最新用javascript写的等比例压缩图片的函数，调用函数可以让网站图片进行等比例压缩显示，避免图片变形。

最新JS自动等比例压缩图片函数

<script type="text/javascript">
function AutoResizeImage(maxWidth, maxHeight, objImg) {
    var img = new Image();
    img.src = objImg.src;
    var hRatio;
    var wRatio;
    var Ratio = 1;
    var w = img.width;
    var h = img.height;
    wRatio = maxWidth / w;
    hRatio = maxHeight / h;
    if (maxWidth == 0 && maxHeight == 0) {
        Ratio = 1;
    } else if (maxWidth == 0) { //
        if (hRatio < 1)
            Ratio = hRatio;
    } else if (maxHeight == 0) {
        if (wRatio < 1)
            Ratio = wRatio;
    } else if (wRatio < 1 || hRatio < 1) {
        Ratio = (wRatio <= hRatio ? wRatio : hRatio);
    }
    if (Ratio < 1) {
        w = w * Ratio;
        h = h * Ratio;
    }
    objImg.height = h;
    objImg.width = w;
}
</script>

等比例压缩图片显示函数的调用方法

<img src="1.jpg" border="0" width="0" height="0" onload="AutoResizeImage(300,400,this)" />

函数参数说明

maxWidth：宽度

maxHeight：高度

objImg：图片对象

在线Demo预览

Tags：javascript 等比例 图片 压缩