关于微信小程序如何获取用户头像（保存到本地）新方法

传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗，需要用户授权，但是在使用时候会有官方log提醒你，这个方法需要升级。新方法则无需用户授权，使用方法如下：

<open-data type="userAvatarUrl"></open-data>    //获取用户头像直接显示在小程序中
<open-data type="userNickName" lang="zh_CN"></open-data>    //获取用户昵称直接显示在小程序中

这样即可获取用户头像及微信名。前两天圣诞节在制作戴帽子小程序的时候需要获取当前用户头像并修改，需要将图片加载到另外一个<image>框里，但这个标签也可以选择相册里的照片，所以通过按钮来实现功能，按钮标签如下：

<button open-type="getUserInfo" data-way="avatar" bind:tap="getAvatar" >获取当前头像</button>

对应的js代码如下：

getAvatar() {if (app.globalData.userInfo) {console.log("获取成功"),this.setData({bgPic: app.globalData.userInfo.avatarUrl,});this.assignPicChoosed();} else {// 在没有 open-type=getUserInfo 版本的兼容处理wx.getUserInfo({success: res => {app.globalData.userInfo = res.userInfo;console.log("已获取"),this.setData({userInfo: res.userInfo,bgPic: res.userInfo.avatarUrl});this.assignPicChoosed();}})}},

但是事情并没有像我们想象的那么顺利，因为你在进行到保存功能时汇给你报错。说download地址不合法。此时你需要进入小程序后台

往下翻找到服务器域名，然后将downloadfile合法域名加进去

结束收工

关于微信小程序如何获取用户头像（保存到本地）新方法相关推荐

php取微信名字和头像,微信小程序如何获取用户头像和昵称
本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下: 代码user.wxml: {{userInfo.nickName}} user.js //sort.js //獲取應用實例 var ...
【微信小程序】获取用户头像和ID
课程中国海洋大学22夏<移动软件开发> 实验名称实验1:第一个微信小程序一.实验目标 1.学习使用快速启动模板创建小程序的方法: 2.学习不使用模板手动创建小程序的方法. 二.实验步 ...
微信小程序如何获取用户头像昵称
微信小程序登录用户头像昵称已经不支持支持获取,因为用户的scope.userInfo权限已经回收,可以使用昵称头像填写进行完善用户信息,按照官方推荐会显示用户在微信的头像和昵称,本文介绍一下实现方案. ...
微信小程序直接获取用户头像、昵称等（无需按钮授权）
直接使用微信提供的组件在页面使用获取用户头像.昵称头像是直接返回图片需要对样式进行修改,其它数据也是直接展示头像圆角需要加这个,否则实现不了
微信小程序无法获取用户头像和昵称，微信小程序获取昵称为微信用户，头像为灰色，请使用下面方式过去
getUserProfile(e) { wx.getUserProfile({ desc: '使用户得到更好的体验', success: (res) => { console.log(" ...
微信小程序之获取用户信息（流程+2种方法）
获取流程图 ui库Vant Weapp:Vant Weapp地址(点击跳转) 第一种方法适用于直接点击登录获取在界面添加登录按钮,用户点击按钮调用wx.getUserProfile()函数来提示用 ...
微信小程序——最新获取用户昵称和头像的方法总结
前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下首先,传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗,需要用户授权,经过测试传统 ...
小程序获取不到用户头像和昵称返回微信用户问题解决，即小程序授权获取用户头像规则调整的最新解决方案
最近好多同学在学习石头哥小程序课程的时候,遇到了下面这样的问题,在小程序授权获取用户头像和昵称时,获取到的是下面这样的. 到底是什么原因导致的呢,去小程序官方文档一看,又是官方改规则了. 点进去一看, ...
微信小程序制作——获取用户信息
微信小程序制作--获取用户信息 1.获取用户信息方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...

关于微信小程序如何获取用户头像（保存到本地）新方法

关于微信小程序如何获取用户头像（保存到本地）新方法相关推荐

最新文章

热门文章