From 94037efff155a96564ae60824d0c07aaaf84f89d Mon Sep 17 00:00:00 2001 From: anyv <anyu@bronet.cn> Date: Wed, 5 Jun 2019 10:28:13 +0800 Subject: [PATCH] 5 --- public/themes/simpleboot3/portal/personalcenter/add_information.html | 71 ++++++++++++++++++++++++++++++++++++++--------------------------------- 1 file changed, 38 insertions(+), 33 deletions(-) diff --git a/public/themes/simpleboot3/portal/personalcenter/add_information.html b/public/themes/simpleboot3/portal/personalcenter/add_information.html index 047bbf5..a8ad774 100644 --- a/public/themes/simpleboot3/portal/personalcenter/add_information.html +++ b/public/themes/simpleboot3/portal/personalcenter/add_information.html @@ -70,7 +70,7 @@ 正面 </div> <div class="input_file"> - <input type="file" onchange="addImg(this)" /> + <input type="file" id="img1_file" /> </div> </div> <div class="log_two_pi_one log_two_pi_two"> @@ -81,7 +81,7 @@ 反面 </div> <div class="input_file"> - <input type="file" onchange="addImgOne(this)" /> + <input type="file" id="img2_file" /> </div> </div> </div> @@ -142,37 +142,42 @@ </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]); - } else { - // $("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>'); - } - } - - 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]); - } else { - // $("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>'); - } - } + $(function() { + $("#img1_file").on("change", function() { + var img_size = $("input[type=file]").get(0).files[0].size; + if(img_size > 1024000) { + mask("上传图片过大,请上传小于1M的图片"); + } else { + $.ajaxFileUpload({ + url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址 + secureuri: false, //是否需要安全协议,一般设置为false + fileElementId: 'personal-photo', //文件上传域的ID + dataType: 'json', //返回值类型 一般设置为json + success: function(data) { //服务器成功响应处理函数 + mask(data.msg); + window.location.href = '/'; + } + }); + } + }); + $("#img2_file").on("change", function() { + var img_size = $("input[type=file]").get(0).files[0].size; + if(img_size > 1024000) { + mask("上传图片过大,请上传小于1M的图片"); + } else { + $.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() { -- libgit2 0.24.0