以下是微信小程序獲取用戶頭像和昵稱的代碼示例：
獲取用戶信息授權(quán)
首先，需要向用戶請求授權(quán)獲取其頭像和昵稱?？梢酝ㄟ^調(diào)用 wx.getUserProfile 方法來獲取用戶信息，該方法會彈出授權(quán)窗口，用戶可以選擇是否授權(quán)。wx.getUserProfile({ desc: '獲取您的昵稱和頭像', // 授權(quán)說明 success: res => { const userInfo = res.userInfo console.log(userInfo.avatarUrl) // 用戶頭像 URL console.log(userInfo.nickName) // 用戶昵稱 }, fail: err => { console.log(err) } })
顯示用戶頭像和昵稱
獲取用戶頭像和昵稱后，可以將其顯示在頁面上?？梢允褂?wx.getUserInfo 方法來獲取用戶信息，然后在頁面上顯示。wx.getUserInfo({ success: res => { const userInfo = res.userInfo this.setData({ avatarUrl: userInfo.avatarUrl, nickName: userInfo.nickName }) }, fail: err => { console.log(err) } })
在頁面中，可以使用 wx:image 標(biāo)簽來顯示用戶頭像，使用 wx:text 標(biāo)簽來顯示用戶昵稱。
<view> <image src="{{avatarUrl}}" /> <text>{{nickName}}</text> </view>請注意，wx.getUserInfo 方法已經(jīng)被廢棄，現(xiàn)在推薦使用 wx.getUserProfile 方法來獲取用戶信息。文章來源：http://www.zghlxwxcb.cn/news/detail-579235.html
以上就是獲取用戶頭像和昵稱的全部內(nèi)容;文章來源地址http://www.zghlxwxcb.cn/news/detail-579235.html
到了這里，關(guān)于微信小程序獲取用戶頭像和昵稱的代碼的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
