5

@@ -70,7 +70,7 @@
                 正面
                 正面
             </div>
             </div>
             <div class="input_file">
             <div class="input_file">
-                <input type="file" onchange="addImg(this)" />
+                <input type="file" id="img1_file" />
             </div>
             </div>
         </div>
         </div>
         <div class="log_two_pi_one log_two_pi_two">
         <div class="log_two_pi_one log_two_pi_two">
@@ -81,7 +81,7 @@
                 反面
                 反面
             </div>
             </div>
             <div class="input_file">
             <div class="input_file">
-                <input type="file" onchange="addImgOne(this)" />
+                <input type="file" id="img2_file" />
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
@@ -142,37 +142,42 @@
 </script>
 </script>
 <script>
 <script>
     // 上传图片
     // 上传图片
-    function addImg(file) {
-        console.log(file.files);
-        if (file.files && file.files[0]) {
-            var reader = new FileReader();
-            reader.onload = function(evt) {
-                $("#img0").attr("src", evt.target.result);
-                $(".log_two_pi_one").addClass("log_two_pi_ones");
-                $(".log_two_pi_one_p").addClass("log_two_pi_one_ps");
-                $(".log_two_pi_one_icon").addClass("log_two_pi_one_icons");
-            };
-            reader.readAsDataURL(file.files[0]);
+    $(function() {
+        $("#img1_file").on("change", function() {
+            var img_size = $("input[type=file]").get(0).files[0].size;
+            if(img_size > 1024000) {
+                mask("上传图片过大，请上传小于1M的图片");
             } else {
             } else {
-            // $("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>');
+                $.ajaxFileUpload({
+                    url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
+                    secureuri: false, //是否需要安全协议，一般设置为false
+                    fileElementId: 'personal-photo', //文件上传域的ID
+                    dataType: 'json', //返回值类型 一般设置为json
+                    success: function(data) { //服务器成功响应处理函数
+                        mask(data.msg);
+                        window.location.href = '/';
                     }
                     }
+                });
             }
             }
-
-    function addImgOne(file) {
-        console.log(file.files);
-        if (file.files && file.files[0]) {
-            var reader = new FileReader();
-            reader.onload = function(evt) {
-                $("#img1").attr("src", evt.target.result);
-                $(".log_two_pi_one").addClass("log_two_pi_ones");
-                $(".log_two_pi_one_p").addClass("log_two_pi_one_ps");
-                $(".log_two_pi_one_icon").addClass("log_two_pi_one_icons");
-            };
-            reader.readAsDataURL(file.files[0]);
+        });
+        $("#img2_file").on("change", function() {
+            var img_size = $("input[type=file]").get(0).files[0].size;
+            if(img_size > 1024000) {
+                mask("上传图片过大，请上传小于1M的图片");
             } else {
             } else {
-            // $("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>');
+                $.ajaxFileUpload({
+                    url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
+                    secureuri: false, //是否需要安全协议，一般设置为false
+                    fileElementId: 'personal-photo', //文件上传域的ID
+                    dataType: 'json', //返回值类型 一般设置为json
+                    success: function(data) { //服务器成功响应处理函数
+                        mask(data.msg);
+                        window.location.href = '/';
                     }
                     }
+                });
             }
             }
+        });
+    });
 
 
     //短信验证码
     //短信验证码
     function codeButton() {
     function codeButton() {