微信小程序实现多张图片同时上传的方法

本文介绍了如何在微信小程序中通过递归实现多张图片的上传。通过选择图片,利用递归上传每一张图片,并提供了详细的示例代码,包括上传成功和失败的处理。示例中还包含了一个简单的PHP接收端代码,帮助开发者理解整个过程。
摘要由CSDN通过智能技术生成

  对于微信小程序上传图片其实很麻烦的,每次只能上传一张,所有很多朋友就会问想要多张图片上传怎么办?这里使用递归,当上传完一张图片后重新执行这个函数,直到所有的图片都上传完成后,就不再调用该函数了。具体的实现方法来为大家分享一下。

示例代码如下:

wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths
    wx.uploadFile({
      url: 'http://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData:{
        'user': 'test'
      },
      success: function(res){
        var data = res.data
        //do something
      }
    })
  }
})

这里的示例代码,是选择图片,然后上传选中的图片中的第一个图片;现在开始写多张图片上传的例子,首先,我们还是要选择图片:

wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths;//这里是选好的图片的地址,是一个数

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值