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

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

浏览量:12681 时间: 来源:朱圣吉

传统接口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合法域名加进去
小程序
结束收工

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎