[年会抽奖]调试头像尺寸

zouyang0921
1 parent 1be24b58
Showing 1 changed file with 4 additions and 55 deletions
mobile.js
@@ -107,7 +107,7 @@ var action = {
         if (action.userInfo) {
             var userAvatar = action.userAvatar || defaultAvatar;
             $('#home_user_avatar').attr('src', userAvatar);
-            action.loadImage('.user-avatar .avatar-img', userAvatar);
+            action.loadImage('.user-avatar .avatar-img', '.user-avatar .avatar-img-wrap');
             $('#home_user_name').html(action.userInfo.realname);
             $('#home_prize_no').html(action.userInfo.prize_no);
             $('#home_table_no').html(action.userInfo.table_no);
@@ -145,7 +145,7 @@ var action = {
                     isShowProgressTips: 1, // 进度提示
                     success: function(res) {
                         $('.pic-avatar').attr('src', localIds);
-                        action.loadImage('.pic-avatar', localIds);
+                        action.loadImage('.pic-avatar', '.pic-avatar-wrap');
                         action.mediaId = res.serverId; // 返回图片的服务器端ID，即 mediaId
                         console.log('action.mediaId: ', action.mediaId);
                         $('#upload_unavailable').hide();
@@ -165,10 +165,8 @@ var action = {
             }
         });
     },
-    loadImage: function(dom, src) {
-        var width = $(dom).width();
-        var img = new Image();
-        img.src = src; // 改变图片的src
+    loadImage: function(dom, parent) {
+        var width = $(parent).width();
         $(dom).on('load', function() {
             var imgWidth = $(dom).width();
             var imgHeight = $(dom).height();
@@ -201,55 +199,6 @@ var action = {
                 });
             }
         });
-        if (img.complete) { // 判断是否有缓存
-            console.log('img complete');
-            console.log('width: ', width);
-            console.log('img-width: ' + img.width, 'img-height: ' + img.height);
-            var ratio = img.width / img.height;
-            if (ratio > 1) {
-                img.height = width;
-                img.width = width * ratio;
-                var margin = (img.width - width) / 2;
-                $(dom).css({
-                    'margin-left': -margin + 'px'
-                });
-            } else if (ratio < 1) {
-                img.width = width;
-                img.height = width / ratio;
-                var margin = (img.height - width) / 2;
-                $(dom).css({
-                    'margin-top': -margin + 'px'
-                });
-            } else {
-                img.width = width;
-                img.height = width;
-            }
-        } else {
-            img.onload = function() {
-                console.log('img onload');
-                console.log('width: ', width);
-                console.log('img-width: ' + img.width, 'img-height: ' + img.height);
-                var ratio = img.width / img.height;
-                if (ratio > 1) {
-                    img.height = width;
-                    img.width = width * ratio;
-                    var margin = (img.width - width) / 2;
-                    $(dom).css({
-                        'margin-left': -margin + 'px'
-                    });
-                } else if (ratio < 1) {
-                    img.width = width;
-                    img.height = width / ratio;
-                    var margin = (img.height - width) / 2;
-                    $(dom).css({
-                        'margin-top': -margin + 'px'
-                    });
-                } else {
-                    img.width = width;
-                    img.height = width;
-                }
-            }
-        }
     },
     // 上传头像
     uploadImage: function() {