layui等比例放大/缩小图片

HTML

<img class="layui-upload-img" id="photo" style="max-height: 100px;max-width: 100px;">

JS

$("#photo").click(function(){
    showImg($(this));
});

function showImg(imgData){
       var img = new Image();  
       img.src = imgData.attr("src");
       var height = img.height; // 原图片大小
       var width = img.width; //原图片大小

       var winHeight = $(window).height() - 80;  // 浏览器可视部分高度
       var winWidth = $(window).width() - 100;  // 浏览器可视部分宽度

       // 如果图片高度或者宽度大于限定的高度或者宽度则进行等比例尺寸压缩
       if (height > winHeight || width > winWidth) {
        // 1.原图片宽高比例 大于等于 图片框宽高比例
        if (winWidth/ winHeight <= width / height) {
            width = winWidth;   //以框的宽度为标准
            height = winWidth * (height / wi