微信小程序页面一键获取昵称头像代码
时间: 2024-12-18 21:16:16 浏览: 18
微信小程序中,如果你想要获取用户的昵称和头像,你需要使用wx.getUserInfo()API。这是一个异步操作,需要在用户授权后才能获取。下面是一个简单的示例代码:
```javascript
Page({
async getUserInfo(e) {
let result = await wx.getUserInfo({
success: res => {
// 获取到昵称
let nickname = res.userInfo.nickName;
// 获取到头像URL,注意这是临时的,如果需要持久化存储,需要处理保存路径
let avatarUrl = res.userInfo.avatarUrl;
console.log('昵称:', nickname);
console.log('头像URL:', avatarUrl);
// 在这里你可以将昵称和头像用于显示或存储
},
fail: err => {
// 用户拒绝授权,可以在这里处理错误情况
console.error('获取用户信息失败', err);
}
});
},
})
```
在这个例子中,当用户点击按钮触发getUserInfo事件时,会弹出一个提示让用户授权获取信息。一旦用户同意,就会在success回调里拿到昵称和头像。记得要在`app.json`文件中配置权限,允许"scope.userInfo"。
阅读全文