【微信小程序】通过头像昵称填写能力获取用户头像昵称

最新推荐文章于 2025-06-25 15:09:40 发布

原创最新推荐文章于 2025-06-25 15:09:40 发布 · 360 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

微信的wx.getUserProfile接口已发生变更，不再直接提供头像和昵称，现在需要用户手动选择头像并填写昵称。开发者需创建自己的页面来处理这一过程，通过<button>组件触发chooseAvatar事件获取头像，<form>表单收集昵称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：wx.getUserProfile接口gg了。淦！
以前直接获取头像昵称；后来强制弹窗，用户授权后获取头像昵称；现在需要用户自己填写头像昵称。。。。还得我们自己写一个页面。。。。
方法：

头像：

<button class="avatar-wrapper" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
    <image class="avatar" src="{{avatarUrl}}"></image>
  </button>

在这里插入图片描述

昵称：

<form catchsubmit="formSubmit">
    <view class="row">
      <view class="text1">昵称：</view>
        <input type="nickname" class="weui-input" name="nickname" placeholder="请输入昵称"/>
    </view>
    <button type="primary" style="margin-top: 40rpx;margin-bottom: 20rpx;" form-type="submit">提交</button>
  </form>