个人信息——头像更换(拍照或相册上传)~ 微信小程序
2024-10-04 11:34:13
微信小程序中 在用户信息中关于用户头像更换(拍照或相册上传)功能实现。
图像点击触发事件:
<image src='{{personImage}}' bindtap='changeAvatar' ></image>
Page({
data:{},
changeAvatar:function(){
const _this = this;
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success(res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePath = res.tempFilePaths[0];
_this.setData({
personImage: tempFilePath
})
wx.uploadFile({
url: config.UPLOADFILE, //图片上传至开发服务器接口
filePath: tempFilePath,
name: 'file',
formData: {},
success(res) {
const data = res.data;
console.log(data);
}
})
}
})
}
})
最新文章
- ICollection
- 转:十八、java中this的用法
- linux负载均衡
- es6编写reactjs事件处理函数绑定this三种方式
- EntityFramework For Mysql 动态切换数据源
- 关于使用nodejs的mysql查询时碰到的坑
- Python——阶段总结(一)
- Sql server2012转sql server2008步骤经验总结(转)
- H5端密码控件自动化测试
- Windows系统下安装zabbix客户端
- Python【每日一问】05
- PAT A1117 Eddington Number (25 分)——数学题
- JavaScript:原生JS实现Facebook实时消息抓捕
- PostgreSQL索引介绍
- Python mysql-表的创建,删除和更新
- Spark(十七)图计算GraphX
- 剑指Offer——对称的二叉树
- 三分钟小课堂-----------------docker(三)增删改查命令
- 编写高质量代码改善C#程序的157个建议——建议34:为泛型参数设定约束
- Nuxt使用高德地图
热门文章
- elasticsearch开机启动脚本
- layer —— 一个简单的jQuery弹出层插件
- (cvpr 2018)Technology details of SMRD
- 2018-2019-2 《网络对抗技术》Exp0 Kali安装 Week1 20165215
- [算法] 举一反三之n重复数组中找唯一m重复异类数
- Gitlab定义安全变量遇到无法转义的字符——感叹号
- js判断终端以及APP应用判断
- 算法(第四版)C# 习题题解——2.5
- luogu P4482 [BJWC2018] Border 的四种求法 - 后缀数组
- 连接centos服务器gui