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

一、获取微信头像

        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)
    }