微信小程序获取昵称,头像

简介: 微信小程序获取昵称,头像

1,昵称:使用到的是微信小程序文档里的api

input框的type值设置为nickname,再使用双向绑定的方法拿到值

<input type="nickname" placeholder="请输入昵称" model:value="{{nickname}}"  />

2头像

<button open-type="chooseAvatar" bindchooseavatar="getAvatar">
<image src="{{avatar}}"  style="width: 100px;height: 100px;" />
getAvatar(e){
    this.setData({
        avatar:e.detail.avatarUrl
    })
  },

点击按钮底部弹出自己的头像,也可以上传新头像

返回的e.datail.avatatUrl就是微信头像的当前路径

相关文章
|
2天前
|
小程序 JavaScript
小程序授权获取昵称
小程序授权获取昵称
|
2天前
|
小程序 JavaScript
小程序授权获取头像
小程序授权获取头像
|
9月前
|
小程序
微信小程序获取头像和名称
微信小程序获取头像和名称
70 0
|
6月前
|
小程序
小程序open-data的圆形用户头像实现
小程序open-data的圆形用户头像实现
28 0
|
6月前
|
小程序 JavaScript 程序员
小程序新方法 open-type获取头像昵称
小程序新方法 open-type获取头像昵称
134 0
|
6月前
|
小程序
小程序获取的用户头像怎么做成圆形
小程序获取的用户头像怎么做成圆形
36 0
|
10月前
|
小程序 JavaScript
微信小程序获取用户头像和姓名
微信小程序获取用户头像和姓名
156 0
|
10月前
|
小程序 API
微信小程序获取昵称,头像
微信小程序获取昵称,头像
138 0
|
2天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
2天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。

热门文章

最新文章