[年会抽奖]修复上传头像变形

zouyang0921
1 parent b34f467c
Showing 1 changed file with 21 additions and 17 deletions
mobile.js
@@ -170,6 +170,7 @@ var action = {
         img.src = src; // 改变图片的src
         console.log('img: ', img);
         if (img.complete) { // 判断是否有缓存
+            console.log(1);
             var width = parseInt($(dom).css('width'));
             console.log('dom-width: ', width);
             console.log('img-width: ' + img.width, 'img-height: ' + img.height);
@@ -189,23 +190,26 @@ var action = {
                 img.height = width;
             }
         } else { // 加载完成执行
-            var width = parseInt($(dom).css('width'));
-            console.log('dom-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 - img.height) / 2;
-                $(dom).css("margin-left", -margin + 'px');
-            } else if (ratio < 1) {
-                img.width = width;
-                img.height = width / ratio;
-                var margin = (img.width - img.height) / 2;
-                $(dom).css("margin-top", margin + 'px');
-            } else {
-                img.width = width;
-                img.height = width;
+            console.log(2);
+            img.onload = function() {
+                var width = parseInt($(dom).css('width'));
+                console.log('dom-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 - img.height) / 2;
+                    $(dom).css("margin-left", -margin + 'px');
+                } else if (ratio < 1) {
+                    img.width = width;
+                    img.height = width / ratio;
+                    var margin = (img.width - img.height) / 2;
+                    $(dom).css("margin-top", margin + 'px');
+                } else {
+                    img.width = width;
+                    img.height = width;
+                }
             }
         }
     },