微信小程序最新快速获取头像和昵称方式
  ttOzQgS7km1w 2023年12月12日 25 0


小程序现在升级了之前的getUserInfo无法拿到用户的头像和昵称,需要单独获取设置 最近项目里面在整改 今天贡献上代码

代码里面头像设置

<!-- #ifdef MP-WEIXIN -->
    <button open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
     <image  style="width: 90rpx;height: 90rpx;border-radius: 50%" :src="avatar?avatar:'../../static/logo.png'"></image>
    </button>
    <!-- #endif -->
    <!-- #ifndef MP-WEIXIN -->
    <image @click="avatar?goLogin():''" style="width: 90rpx;height: 90rpx;border-radius: 50%" :src="avatar?avatar:'../../static/logo.png'"></image>
    <!-- #endif -->

头像上传

onChooseAvatar(e){
    console.log(e.detail.avatarUrl)
    let that = this;
    let token = uni.getStorageSync('token');
    uni.showLoading({
     title: '上传中...'
    });
    uni.uploadFile({
     // url: config.APIHOST1 + '/alioss/upload', //仅为示例,非真实的接口地址
     url:'', //仅为示例,非真实的接口地址
     filePath: e.detail.avatarUrl,
     header: {
      token: token
     },
     name: 'file',
     success: uploadFileRes => {
      let url = JSON.parse(uploadFileRes.data).data;
      that.$Request.postJson(
       '/app/user/updateUserImageUrl?avatar=' + url).then(
       res => {
        uni.hideLoading();
        if (res.code === 0) {
         that.$queue.showToast(
          "更新成功");
         that.getUserInfo();
        }
       });
     }
    });
    
   },

设置昵称类型 

type="nickname"

微信小程序最新快速获取头像和昵称方式_javascript

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月12日 0

暂无评论

推荐阅读
ttOzQgS7km1w