/** * 个人中心 * */ $(function(){ $('#Username').val(window.localStorage.getItem('userCode')); $('#Password_old').on('keyup',validate); $('#Password').on('keyup',validate); $('#Password2').on('keyup',validate); $('#modifyPasswordBtn').off('click',modifyPassword); $('#modifyPasswordBtn').on('click',modifyPassword); //imgEditor(); }); var lowExp = new RegExp(/^(?:\d+|[a-zA-Z]+|[!@#$%^&*]+)$/) //lowExp.test(logpas) //修改密码 function modifyPassword(){ if(!$.trim($('#Password_old').val())) { layer.confirm('请输入原密码', { icon: 2, btn: ['确定'] }); return; } if(!regexs.newPsswordReg.test($.trim($('#Password').val()))) { layer.confirm('请输入有效的新密码(8位以上长度,包含数字、大小写字母、特殊字符中至少3种)', { icon: 2, btn: ['确定'] }); return; } if(!regexs.newPsswordReg.test($.trim($('#Password2').val()))) { layer.confirm('请输入有效的确认密码(8位以上长度,包含数字、大小写字母、特殊字符中至少3种)', { icon: 2, btn: ['确定'] }); return; } $.post(huayi.config.callcenter_url + "signtokenapi/api/useraccount/updatemypassword", { oldpassword: $.md5($('#Password_old').val()), password: $.md5($('#Password').val()), surepassword: $.md5($('#Password2').val()), }, function(data) { data = JSON.parse(data); if(data.state.toLowerCase() === "success") { // clean(); var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); parent.layer.msg("密码修改成功!"); } }); } function clean(){ $('#Password_old').val(''); $('#Password').val(''); $('#Password2').val(''); } function validate() { var pasold = $.trim($('#Password_old').val()); var pwd = $.trim($("#Password").val()); var pwd2 = $.trim($("#Password2").val()); if(!pasold){ $("#pasoldInfo").text("原密码不能为空!"); $("#pasoldInfo").css("color","red"); $("#modifyPasswordBtn").prop("disabled", true); return; }else{ $("#pasoldInfo").text(""); $("#modifyPasswordBtn").prop("disabled", true); } if(!pwd){ $("#pasInfo").text("新密码不能为空!"); $("#pasInfo").css("color","red"); $("#modifyPasswordBtn").prop("disabled", true); return; }else{ $("#pasInfo").text(""); $("#modifyPasswordBtn").prop("disabled", true); } if(!pwd2){ $("#pas2Info").text("新密码不能为空!"); $("#pas2Info").css("color","red") $("#modifyPasswordBtn").prop("disabled", true); } if(pwd == pwd2){ $("#pas2Info").text("新密码和确认密码相同"); $("#pas2Info").css("color","green"); $("#modifyPasswordBtn").prop("disabled", true); if(pwd == pasold){ $("#pas2Info").text("新密码和原密码相同"); $("#pas2Info").css("color","red"); $("#modifyPasswordBtn").prop("disabled", true); }else{ $("#modifyPasswordBtn").prop("disabled", false); } }else { $("#pas2Info").text("新密码和确认密码不相同"); $("#pas2Info").css("color","red"); $("#modifyPasswordBtn").prop("disabled", true); } } //头像剪切 function imgEditor() { var o = $(".image-crop > img"); o.cropper("destroy"); o.cropper({ aspectRatio: 1334 / 750, resizable: true, dragCrop: true, preview: ".img-preview", done: function() { } }); var r = $("#inputImage"); var fileName = $("#file_name").val(); if(window.FileReader) { r.change(function() { $('.progress-bar').css('width', '0%'); $('.progress-bar').text('0%'); var e, i = new FileReader, t = this.files; if(t.length && (e = t[0], /^image\/\w+$/.test(e.type))) { i.readAsDataURL(e); fileName = e.name; i.onload = function() { r.val(""); o.cropper("reset", !0).cropper("replace", this.result); } } else { layer.msg("请选择本地图片文件"); } }); $("#setDrag").click(function() { var self = $(this); o.cropper("setDragMode", "crop"); var imgUrl = o.cropper("getCroppedCanvas").toDataURL('image/png'); //var dataurl = encodeURIComponent(imgUrl); var filesjson; var list = [], listItem = {}; listItem.filename = fileName; listItem.fileurl = imgUrl; list.push(listItem); filesjson = JSON.stringify(list); upLoadFile(filesjson, self); }); $("#zoomIn").click(function() { $('.progress-bar').css('width', '0%'); $('.progress-bar').text('0%'); o.cropper("zoom", .1) }); $("#zoomOut").click(function() { $('.progress-bar').css('width', '0%'); $('.progress-bar').text('0%'); o.cropper("zoom", -.1) }); $("#rotateLeft").click(function() { $('.progress-bar').css('width', '0%'); $('.progress-bar').text('0%'); o.cropper("rotate", 45) }); $("#rotateRight").click(function() { $('.progress-bar').css('width', '0%'); $('.progress-bar').text('0%'); o.cropper("rotate", -45) }); } else { r.addClass("hide"); } } /** * 图片的上传 * fjson 上传图片 的数据 * self 调用者的this */ function upLoadFile(fjson, self) { var formData = new FormData(); formData.append("uploadtype", 'proManagement'); formData.append("filesjson", fjson); $.ajax({ type: "post", url: huayi.config.callcenter_url + "fileserverapi/Api/Upload", data: formData, //这里上传的数据使用了formData 对象 processData: false, contentType: false, //必须false才会自动加上正确的Content-Type xhr: function() { //这是关键 获取原生的xhr对象 做以前做的所有事情 var xhr = jQuery.ajaxSettings.xhr(); xhr.upload.onload = function() { //alert('finish downloading') } xhr.upload.onprogress = function(ev) { var percent = 100 * ev.loaded / ev.total; $('.progress-bar').css('width', percent + '%'); $('.progress-bar').text(percent + '%'); } return xhr; }, async: true, beforeSend: function() { //触发ajax请求开始时执行 self.attr("disabled", true); self.text('图片上传中...'); $('.anniu').find('.btnn').css('backgroundColor', '#778592'); }, // data: { // uploadtype: 'proManagement', // filesjson: fjson, // }, success: function(result) { result = $.parseJSON(result); self.attr("disabled", false); self.text('上传图片'); $('.anniu').find('.btnn').css('backgroundColor', '#2f4050'); /*验证请求*/ if(result.state.toLowerCase() == "success") { imglist = result.data; layer.msg("图片上传成功"); } else { layer.msg(result.message); } }, error: function(textStatus) { $('.progress-bar').css('width', '0%'); $('.progress-bar').text('0%'); layer.confirm('网络繁忙,请稍后再试...', { btn: ['确定'] //按钮 }); self.text('上传图片'); self.attr("disabled", false); $('.anniu').find('.btnn').css('backgroundColor', '#2f4050'); }, complete: function(XMLHttpRequest, textStatus) { if(textStatus == 'timeout') { var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp"); xmlhttp.abort(); layer.confirm('网络超时,请稍后再试...', { btn: ['确定'] //按钮 });     } self.text('上传图片'); self.attr("disabled", false); $('.anniu').find('.btnn').css('backgroundColor', '#2f4050'); }, }); }