wx.getUserProfile被回收后小程序如何获取头像和昵称

最新推荐文章于 2025-03-22 12:21:24 发布

高先生的猫

最新推荐文章于 2025-03-22 12:21:24 发布

阅读量2.4k

点赞数 4

分类专栏：微信小程序文章标签：小程序微信小程序前端

本文链接：https://blog.csdn.net/z591102/article/details/128465755

版权

微信小程序专栏收录该内容

49 篇文章

订阅专栏

wx.getUserProfile被回收后微信小程序无法直接获取微信昵称和头像，可以通过新的手段获取方案如下。

附代码

// js

const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
Page({
    data: {
        avatarUrl: defaultAvatarUrl,
    },
    onChooseAvatar(e) {
        // 临时路径 上传到后端保存
        const {
            avatarUrl
        } = e.detail
        console.log(avatarUrl)
        this.setData({
            avatarUrl,
        })
    }
})


// wxml
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
    <image class="avatar" src="{{avatarUrl}}"></image>
</button>
<input type="nickname" placeholder="请输入昵称" />


//wxss
.avatar-wrapper {
    padding: 0;
    width: 56px !important;
    border-radius: 8px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .avatar {
    display: block;
    width: 56px;
    height: 56px;
  }