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

传统接口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合法域名加进去
在这里插入图片描述
结束收工

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值