一、获取微信头像
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.detail
this.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.value
console.log(nickname)
}