微信小程序-更换头像

<!-- 更换头像 --><view class="updown-image" bindtap='upload'><view class="personal-img"><image src="{{head}}" mode="aspecFill"></image></view><text class="personal-text" mode="aspecFill" bindtap="headimage">点击更换头像</text></view>

.updown-image {width: 220rpx;height: 162rpx;border: 1rpx dashed #969696;margin: 37rpx auto;padding: 10rpx;text-align: center;margin-bottom: 145rpx;
}.personal-img {width: 160rpx;height: 160rpx;margin: 0 auto;
}.personal-img image {width: 100%;height: 100%;border-radius: 50%;box-shadow: 0px 2rpx 8rpx 0rpx rgba(150, 150, 150, 0.6);
}.personal-text {display: inline-block;font-size: 28rpx;font-family: PingFang-SC-Regular;font-weight: bold;color: rgba(50, 50, 50, 1);margin-top: 36rpx;width: 170rpx;}

Page({data: {showModal: false,head: "https://dj.zjl9.com/static/images/vivi.jpeg", },// 点击换手机相册或者电脑本地图片    upload: function () {var _this = this;wx.chooseImage({count: 1, // 默认9      sizeType: ['original', 'compressed'],// 指定是原图还是压缩图，默认两个都有      sourceType: ['album', 'camera'],// 指定来源是相册还是相机，默认两个都有    success: function (res) {// 返回选定照片的本地文件路径tempFilePath可以作为img标签的src属性显示图片        _this.setData({head: res.tempFilePaths})}})},

微信小程序-更换头像相关推荐

微信小程序更换头像的实现源码
微信小程序更换头像的实现源码 html <view class='top_head_border'> <image class='top_head' src='{{head}}'&g ...
微信小程序用户头像编辑上传
微信小程序用户头像编辑上传近期接触了一个小程序项目,需要可以修改用户头像,默认获取用户当前微信头像,点击头像,可调用手机照相机或者本地相册,更换图片. html代码如下: js代码:
微信小程序获取头像地址
微信小程序获取头像地址获取用户信息开发接口 wx.getUserInfo 接口参数说明: 微信文档地址: 获取用户信息开发接口 wx.getUserInfo 下面展示一些内联代码片. // 必须是 ...
微信小程序个性头像、国庆头像、新年头像、圣诞头像等合成
微信小程序个性头像.国庆头像.新年头像.圣诞头像等合成先看一下,整体效果,搜索微信小程序<我i头像> 微信小程序生成国庆头像工具,祝大家国庆快乐#国庆 1 操作与对应技术点 1 用 ca ...
关于微信小程序新版头像昵称API 接口处理
根据微信官方文档的说法,2022年10月之后,原本的获取昵称和头像的api,也就是wx.getUserProfile和wx.getUserInfo将停止支持,在那之后发布和更新的小程序必须停止使用这两 ...
关于微信小程序获取头像和昵称
不知道为什么微信一直对开发者获取:微信头像+微信昵称.一直抱以限制态度,关于接口调用方法,也是一直在修改! open-type="getUserInfo" 在2021年4月13日停 ...
微信小程序用户头像昵称获取规则
学习了一下写小程序,随手记录一下,就当提醒自己不要半途而废. 2022年10月底起,基础库2.27.1以上版本的小程序已无法直接通过授权获取用户的头像和昵称.b站的很多教程使用的仍是wx.getUse ...
萤火商城修复2023年最新微信小程序登录头像和昵称授权
根据官方微信小程序开发关于登录授权API的调整,自 2022年10月25日起有关API接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 "微信用户".(如下图所示) < ...
修复微信小程序不能获取头像和昵称的bug，微信小程序新版头像昵称API使用
导读: 大厂程序员都是有KPI绩效考核的,所以他们不能闲着,每天要想着怎么优化程序代码.怎么满足奇葩用户的需求,所以苦逼了我们这些小公司程序员,微信一个小小的API接口改动,可能就让一个小公司因此损失 ...

微信小程序-更换头像

微信小程序-更换头像相关推荐

最新文章

热门文章