微信小程序获取手机号、头像、昵称的示例

var uriUtil = require('../../utils/uri.js'); var httpUtil = require('../../utils/http.js'); var publicUtil = require('../../utils/public.js'); var cameraUtil = require("../../utils/camera"); var app = getApp(); Page({ data: { baseUrl: uriUtil.BASE_URL, bean: null, }, onLoad: function (options) { //let that = this; }, onShow: function () { //let that = this; //获取我的个人信息 this.getMyDataList(); }, getMyDataList: function () { //从后台获取我的个人信息 var that = this; let id = wx.getStorageSync('id'); httpUtil.postReqSimple(uriUtil.tbMemberList, { id: id }, function (flag, res) { if (flag) { let dataList = res.data; let info = dataList[0]; wx.setStorageSync('tbMember', info); info.nickName = info.nickName ? info.nickName : ''; // if (info.avatarUrl) { // info.avatarUrl = that.data.baseUrl + info.avatarUrl; // } info.avatarUrlType = 0; //获取剩余的天数 let leftTime = new Date(info['pay_time']) - new Date().getTime(); publicUtil.getLeftTimeInfo(leftTime)['formatStr']; that.setData({ bean: info }) } }); }, selectAvatarUrl: function () { //选择本地头像 let that = this; let bean = that.data.bean; if (!bean) { return false; } cameraUtil.getNetImgUrl(1, function (imgArr) { if (imgArr && imgArr.length > 0) { that.setData({ "bean.avatarUrl": imgArr[0]['path'], "bean.avatarUrlType": 2, //头像来自本机 }); //that.data.bean['avatarUrl'] = imgArr[0]['path']; //that.userInfoUpdateSelect(); } }, 'avatarUrl'); }, bindgetphonenumber: function (e) { //获取微信的手机号 let that = this; let encryptedData = e.detail['encryptedData']; let iv = e.detail['iv']; if (e.detail['errMsg'] !== 'getPhoneNumber:ok') { return; } wx.login({ success(res) { if (res.code) { httpUtil.postReqAndShowLoading(uriUtil.decriptPhone, { encryptedData: encryptedData, iv: iv, loginCode: res.code }, function (flag, res) { if (flag) { // if (null==that.data.bean) { // that.data.bean = {}; // } if (res['data']['purePhoneNumber']) { console.info("获取到手机号：" + res['data']['purePhoneNumber']); that.setData({ "bean.phone": res['data']['purePhoneNumber'] }); //that.data.bean['phone'] = res['data']['purePhoneNumber']; //that.refreshPhone(res['data']['purePhoneNumber']); //that.userInfoUpdateSelect(); }else { console.info("获取手机号失败，请重试"); } } else { publicUtil.showTipError(res.msg) } }); } } }); }, bindGetUserInfo: function (e) { //获取微信的昵称和头像 let that = this; wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 lang: 'zh_CN', success: (res) => { let userInfo = res.userInfo; console.info("获取到昵称：" + userInfo.nickName); console.info("获取到头像：" + userInfo.avatarUrl); //userInfo['id'] = wx.getStorageSync('id'); //userInfo.avatarUrl = that.headimgHD(userInfo.avatarUrl); that.setData({ "bean.nickName": userInfo.nickName, "bean.avatarUrl": userInfo.avatarUrl, "bean.avatarUrlType": 1, //头像来自微信 }); }, fail: function (ex) { console.info("获取头像和昵称失败：" + ex); publicUtil.showTipError('获取头像和昵称失败'); } }); }, headimgHD: function (imageUrl) { //去掉微信的最后一个 分辨率指示符 imageUrl = imageUrl.split('/'); //把头像的路径切成数组 //把大小数值为 46 || 64 || 96 || 132 的转换为0 if (imageUrl[imageUrl.length - 1] && (imageUrl[imageUrl.length - 1] == 46 || imageUrl[imageUrl.length - 1] == 64 || imageUrl[imageUrl.length - 1] == 96 || imageUrl[imageUrl.length - 1] == 132)) { imageUrl[imageUrl.length - 1] = 0; } imageUrl = imageUrl.join('/'); //重新拼接为字符串 return imageUrl; }, // refreshPhone: function (phone) { // this.setData({ // "bean.phone": phone // }); // }, userInfoUpdateSelect: function () { //保存 let that = this; let bean = that.data.bean; if (!bean) { return; } if (!bean['avatarUrl']) { publicUtil.showTipError("请提供头像") return; } if (!bean['nickName']) { publicUtil.showTipError("请提供昵称") return; } if (!bean['phone']) { publicUtil.showTipError("请提供手机号") return; } bean['id'] = wx.getStorageSync('id'); let updateInfo = { id: bean['id'], nickName: bean['nickName'], avatarUrl: bean['avatarUrl'], avatarUrlType: bean['avatarUrlType'], phone: bean['phone'] }; httpUtil.postReqAndShowLoading(uriUtil.userInfoUpdateSelect, updateInfo, function (flag, res) { if (flag) { console.info("保存成功"); publicUtil.showTipSuccess("提示","保存成功"); that.getMyDataList(); } else { publicUtil.showTipError(res.msg) } }); }, //输入内容监听 onInput: function (e) { let that = this; let field = e.currentTarget.dataset.field; let value = e.detail.value; let bean = that.data.bean; bean[field] = value.trim(); that.setData({ bean: bean }) }, handleChangeInput : function (e) { let that = this; let field = e.currentTarget.dataset.field; let value = e.detail.value; let bean = that.data.bean; bean[field] = value.trim(); that.setData({ bean: bean }); }, /** * 微信选择头像 */ onChooseAvatar(e) { let that = this; const { avatarUrl } = e.detail; console.info("头像地址:" + avatarUrl); // wx.showModal({ // title: '头像地址', // content: avatarUrl, // showCancel: false, // }); that.setData({ "bean.avatarUrl": avatarUrl, "bean.avatarUrlType": 1 }); // wx.hideLoading(); // wx.hideToast(); let localImageArr = []; localImage