[小程序开发] 获取微信头像、微信昵称

本文主要是介绍[小程序开发] 获取微信头像、微信昵称，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、获取微信头像

        1、将button组件open-type的值设置为chooseAvatar。

<view><button class="btn" open-type="chooseAvatar" bindchooseavatar="chooseAvatar"><image class="avatar" src="{{avatarUrl}}" mode=""/></button>
</view>

        2、通过bindchooseavatar时间回调获取到头像信息的临时路径。

chooseAvatar(event){const{avatarUrl}=event.detailthis.setData({avatarUrl:avatarUrl})}

目前获取的微信头像是临时路劲，临时路径是有失效时间的，在实际开发中，需要将临时路径上传到公司的服务器。

二、获取微信昵称 

        1、通过form组件中包裹住input以及form-type为submit的button组件。

        2、需要将input组件type的值设置为nickname，当用户输入框输入时，键盘上方会展示微信昵称。

<form bindsubmit="onSubmit"><!-- 添加name属性，form组件会自动收集带有name属性的表单元素的值 --><input type="nickname" name="nickname" placeholder="请输入昵称"/><!-- 设置form-type="submit"，将按钮变为提交按钮，点击按钮会触发表单的bindsubmit提交事件 --><button type="primary" plain form-type="submit">点击获取昵称</button>
</form>

        3、给form绑定submit事件，在事件处理函数中通过事件对象获取用户昵称。

onSubmit(event){// console.log(event)const{nickname}=event.detail.valueconsole.log(nickname)}

 

这篇关于[小程序开发] 获取微信头像、微信昵称的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---