码迷,mamicode.com
首页 > Web开发 > 详细

js图片大小限制,设置

时间:2015-12-04 12:24:49      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

//图片大小自动脚本
    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;
    }

 

使用方法:

然后图片引用位置写上<img src=‘地址‘ onload=‘AutoResizeImage(500,600,this)‘ />即可。

500和600表示限制的最大宽和高;

 

js图片大小限制,设置

标签:

原文地址:http://www.cnblogs.com/crazylqy/p/5018671.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!