小程序获取用户头像

import WxValidate from '../../utils/WxValidate.js';
var app = getApp();
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
Page({

/**

  • 页面的初始数据
    */
    data: {
    realname: "",
    telephone: "",
    avatarUrl: defaultAvatarUrl,
    userinfoa:"",
    image_o:"",
     image_o_full:"",
     image_thumb :""

},

onChooseAvatar(e) {
var self = this
const { avatarUrl } = e.detail
this.setData({
avatarUrl,
})
wx.uploadFile({
          url: app.util.url('entry/wxapp/index', { 'm': 'lionfish_comshop', 'controller': 'goods.doPageUpload' }),
          filePath: e.detail.avatarUrl,
          name: 'upfile',
          formData: {
            'name': e.detail.avatarUrl
          },
          header: {
            'content-type': 'multipart/form-data'
          },
          success: function (res) {

              wx.hideLoading();
              var data = JSON.parse(res.data);
              console.log("========",data);
              const { image_o, image_o_full, image_thumb } = data;
              self.setData({
                'headInfo.share_wxcode': image_o_full,
                  avatarUrl: data.image_o
              })
            console.log("lslsls",self.data.avatarUrl);
            }
          })

},
/**

  • 生命周期函数--监听页面加载
    /
    onLoad: function (options) {
    this.getData();
    },
    // 返回上页
    leave(){
    console.log("sss");
    wx.navigateBack({
    delta:1
    })
    },
    /
    *
  • 生命周期函数--监听页面初次渲染完成
    */
    onReady: function () {
    this.initValidate();
    },

getData: function() {
let token = wx.getStorageSync('token');
app.util.ProReq('user.get_realname_tel', { token }).then(res => {
console.log("///////",res);
this.setData({
realname: res.data.realname,
telephone: res.data.telephone,
userinfoa:res.data.avatar,
avatarUrl:res.data.avatar
})
console.log("sss",res);
}).catch(err => {
app.util.message(err.message || '请先登录', 'switchTo:/lionfish_comshop/pages/user/me', 'error');
})
},

//报错
showModal(error) {
wx.showModal({
content: error.msg,
showCancel: false,
})
},

//资料验证函数
initValidate() {
const rules = {
realname: {
required: true,
minlength: 1
},
telephone: {
required: true,
tel: true
}
}
const messages = {
realname: {
required: '请填写真实姓名',
minlength: '请输入正确的姓名'
},
telephone: {
required: '请填写手机号',
tel: '请填写正确的手机号'
}
}
this.WxValidate = new WxValidate(rules, messages)
},

/**

  • 资料修改表单提交
    */
    formSubmit(e) {
    const params = e.detail.value;
    console.log("dsdsd",e);
    console.log("avatarUrl",this.data.avatarUrl);
    //校验表单
    if (!this.WxValidate.checkForm(params)) {
    const error = this.WxValidate.errorList[0];
    this.showModal(error);
    return false;
    }
    this.setData({
    btnLoading: true
    })
    let token = wx.getStorageSync('token');
    params.token = token;
    params.avatar = this.data.avatarUrl;
app.util.ProReq('user.update_realname_tel', params).then(res => {
 
  this.setData({ btnLoading: false });
  wx.showModal({
    title: "提示",
    content: res.message || '更改成功',
    showCancel: false
  })
  
}).catch(err => {
  this.setData({
    btnLoading: false
  })
  app.util.message(err.msg || '提交失败,请重试', '', 'error');
})

}
})

posted @ 2023-01-16 16:14  零零。。  阅读(369)  评论(0)    收藏  举报