微信小程序:从本地相册选择图片、相机拍照,并将所选图片上传到服务器

简介

小程序项目中有个需求:用户聊天时可以上传图片,还能支持拍照。于是学习了一下,分享给大家。
在这里插入图片描述
微信小程序中有个wx.chooseImage的方法可以快捷调用达到需求的效果。

具体实现

1.为了简化代码,方便大家统一查看,于是没有拆分开来,选择图片与拍照写在了一起。
【有需要单独功能的,可直接调用chooseWxImage方法,并将type字段替换为"album"或者"camera"】。

// wxml
<view>
  <button style="width: 100px;height: 40px;background: #438BEF;color: #fff;" bindtap='browse'>图片</button>
</view>
// js
Page({
   
  data: {
   
    aimgurl: "", // //临时图片的路径
    countIndex: 1, // 可选图片剩余的数量
    imageData: [] // 所选上传的图片数据
  },

  /*图片浏览及上传 */
  browse: function(e) {
   
    let that = this;<
  • 38
    点赞
  • 79
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值