这是我们要实现的效果elementui上的代码和效果如下：.avatar-uploader.el-upload{border:1pxdashed#d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;}.avatar-uploader.el-upload:hover{border-color:#409EFF;}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;te

问题：uni.getUserProfile获取的微信昵称是微信用户，头像获取的是默认头像 原因：小程序用户头像昵称获取规则调整公告|微信开放社区解决效果：代码： 邀请您补全个人信息 如果已设置，请忽略 头像 昵称 取消 确认 data(){return{ dialogStyle:'border-radius:16rpx;width:70%;', info:{ iv:'', encryptedData:''

这里主要用到button的open-type功能，官网已有说明：给button设置open-type="chooseAvatar"，来使bindchooseavatar方法生效，在bindchooseavatar指定的函数中获取用户的头像信息buttonopen-type="chooseAvatar"bindchooseavatar="chooseavatar">/button>chooseavatar(e){this.setData({avatar:e.detail.avatarUrl})},该方法触发后会自动弹出提示框，让用户选择头像，用户选择的头像会在bindchooseavatar指定

一、微信授权登录按钮 微信授权登录 二、微信授权登录弹窗 授权登录 授权获取您的手机号 登录代表您已同意 隐私政策 微信快捷授权登录 三、数据定义hasLogin:false,phoneModalShow:false,//手机号隐藏层四、登录方法//获取个人信息 asyncgetUserProfile(){ //调用微信获取code uni.login({

去年微信调整了用户信息获取的api后，现在获取用户头像和昵称只能通过用户自己触发组件拿到用户信息，那到底怎么做呢，下面跟大家分享一下我是怎么做的（新手，请多多包涵，有问题欢迎指出）wxml：viewclass="top">buttonclass="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">imageclass="avatar"src="{{avatarUrl}}">/image>/button>van-iconname="edit"class="edit"/>inputtype="ni

官方公告调整背景小程序用户头像昵称获取规则调整公告在实践中发现有部分小程序，在用户刚打开小程序时就要求收集用户的微信昵称头像，或者在支付前等不合理路径上要求授权。如果用户拒绝授权，则无法使用小程序或相关功能。在已经获取用户的openId与unionId信息情况下，用户的微信昵称与头像并不是用户使用小程序的必要条件。为减少此类不合理的强迫授权情况，作出如下调整头像填写效果代码实现{avatarUrl}}">//index.jsconstapp=getApp()constdefaultAvatarUrl='https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI

    微信小程序登录用户头像昵称已经不支持支持获取,因为用户的scope.userInfo权限已经回收,可以使用昵称头像填写进行完善用户信息，按照官方推荐会显示用户在微信的头像和昵称，本文介绍一下实现方案.最终实现效果:修改头像会默认显示微信头像,修改昵称时会默认显示用户的昵称.    实现代码:template> viewclass="content"> imageclass="user_img":src="userImg">/image> viewclass="text-area"> buttontype="default"open-type="chooseAvatar"@cho

背景：最近在用uniapp写微信小程序授权登录的时候，发现项目在微信开发者工具中调试是正常的，但是在真机运行时，返回的用户数据中昵称变成了微信用户，头像变成了默认的灰底头像。接着去百度了一下发现出现这个问题的原因是getUserProfile接口被回收了，微信小程序基础库在2.27.1及以上版本的不再支持getUserProfile接口获取用户头像昵称了，改用头像昵称填写的方式去获取用户头像和昵称信息。详情可见官网小程序用户头像昵称获取规则调整公告头像昵称填写 所以就把项目中的微信登录部分改成了2.27.1以下的版本还是用getUserProfile接口，2.27.1及以上的版本用头像昵称填写

在调用，wx.getUserInfo和wx.getUserProfile时发现都没有授权弹窗，并且返回的数据均为匿名数据加灰色头像。搜索发现，这两个接口分别与21年4月和22年10月回收。但实践中发现有部分小程序，在用户刚打开小程序时就要求收集用户的微信昵称头像，或者在支付前等不合理路径上要求授权。如果用户拒绝授权，则无法使用小程序或相关功能。在已经获取用户的openId与unionId信息情况下，用户的微信昵称与头像并不是用户使用小程序的必要条件。但提供了头像昵称填写能力，获取到用户头像昵称，如下；「头像昵称填写能力」支持获取用户头像昵称：如业务需获取用户头像昵称，可以使用「头像昵称填写能力

微信小程序获取头像的基本方法是调用小程序自带的API wx.getUserProfile(),这也是小程序官方目前最推荐的做法。但是为了避免用户感到自己的隐私被自动调取，小程序要求调用getUserProfile()必须是用户主动点击请求才可以，因此可以在前端设置一个弹窗（或者其他的按钮），用户主动点击之后才可以调用getUserProfile（）。成功获取用户名头像之后，小程序允许保存调用的结果，以便下一次打开页面的时候自动显示头像和名字。保存用户名和头像并不是保存在用户自己的手机上，也不能保存在小程序的云、或者服务器上，而是调用小程序的另一个官方API wx.setStorage（），由小