微信小程序中 在用户信息中关于用户头像更换(拍照或相册上传)功能实现。

图像点击触发事件:

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

最新文章

  1. ICollection
  2. 转:十八、java中this的用法
  3. linux负载均衡
  4. es6编写reactjs事件处理函数绑定this三种方式
  5. EntityFramework For Mysql 动态切换数据源
  6. 关于使用nodejs的mysql查询时碰到的坑
  7. Python——阶段总结(一)
  8. Sql server2012转sql server2008步骤经验总结(转)
  9. H5端密码控件自动化测试
  10. Windows系统下安装zabbix客户端
  11. Python【每日一问】05
  12. PAT A1117 Eddington Number (25 分)——数学题
  13. JavaScript:原生JS实现Facebook实时消息抓捕
  14. PostgreSQL索引介绍
  15. Python mysql-表的创建,删除和更新
  16. Spark(十七)图计算GraphX
  17. 剑指Offer——对称的二叉树
  18. 三分钟小课堂-----------------docker(三)增删改查命令
  19. 编写高质量代码改善C#程序的157个建议——建议34:为泛型参数设定约束
  20. Nuxt使用高德地图

热门文章

  1. elasticsearch开机启动脚本
  2. layer —— 一个简单的jQuery弹出层插件
  3. (cvpr 2018)Technology details of SMRD
  4. 2018-2019-2 《网络对抗技术》Exp0 Kali安装 Week1 20165215
  5. [算法] 举一反三之n重复数组中找唯一m重复异类数
  6. Gitlab定义安全变量遇到无法转义的字符——感叹号
  7. js判断终端以及APP应用判断
  8. 算法(第四版)C# 习题题解——2.5
  9. luogu P4482 [BJWC2018] Border 的四种求法 - 后缀数组
  10. 连接centos服务器gui