微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

本文记录了在微信小程序中实现用户头像设置的过程,包括从相册选取图片、拍照获取以及图片上传的功能。通过代码示例展示了如何在index.wxml和index.js中操作,特别提到了API的`sourcetype`参数及其用途,以及本地图片路径到服务器上传的转换方法。
摘要由CSDN通过智能技术生成

今天遇到微信小程序的用户头像设置功能,做笔记.

先上gif:


再上代码:

小demo,代码很简单.

1.index.wxml

<!--index.wxml-->
<button style="margin:30rpx;" bindtap="chooseimage">获取图片</button>
<image src="{
  {tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx"/>

2.index.js

  • 11
    点赞
  • 92
    收藏
    觉得还不错? 一键收藏
  • 22
    评论
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值