GululuQ-mp/pages/my/personalCenter/personalCenter.js

import { API } from "../../../service/api";

// pages/my/personalCenter/personalCenter.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    avatarUrl:'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',
    nickName:''
  },
  // 获取用户信息
  getUserInfo(){
      API.getUserInfo().then(res=>{
          let {avatarUrl,nickName} = res.userProfileDTO;
          this.setData({
              avatarUrl:avatarUrl?avatarUrl:this.data.avatarUrl,
              nickName
          })
      })
  },
  // 修改头像回调
  onChooseAvatar(e) {
      console.log(e);
    const { avatarUrl } = e.detail 

    this.base64(avatarUrl,'png').then(res => {
      console.log(res,'base64路径')
      let pathUrl = '/api/store/user-profile/upload-avatar';

      let data = {
        avatarBase64:res
      }

      API.updateUserAvater({avatarBase64:data}).then(res=>{
        let {avatarUrl} = res.userProfileDTO;
        this.setData({
            avatarUrl
        })
      })

    })

  },
  base64(url,type) {
    return new Promise((resolve,reject) => {
      wx.getFileSystemManager().readFile({
        filePath: url, // 选择图片返回的相对路径
        encoding: 'base64', // 编码格式
        success: res => {
          resolve(res.data)
        },
        fail: res =>reject(res.errMsg)
      })
    })
  },

  // 监听昵称的输入
  inputChange(name){
    let nickName = name.detail.value;
    API.updateUserNickname({nickName}).then(res=>{
       let {nickName} = res.userProfileDTO;
       this.setData({
         nickName
       })
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getUserInfo();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})