小程序上传多张图片并返回图片路径

原创于 2018-03-20 17:37:17 发布 · 4.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

小程序开发专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现多图片上传的方法，并详细解释了如何通过上传文件API获取图片路径数组。此外，还展示了如何在成功上传后进一步处理这些图片数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果有错误，欢迎指正

上传多张图片，获取图片路径地址

data:图片数组 callback:回调

function upload_arr(data, callback) {
  var that = this, i = 0, strimg = [],j=0;
  //当前上传的哪张图片
  for(var i in data){
    wx.uploadFile({
      url: app.globalData.baseUrl + '/user/uploadFile',
      filePath: data[i],
      name: 'file',//这里根据自己的实际情况改
      formData: null,
      success: (res) => {
       
        var respData = JSON.parse(res.data);
        if (respData.error_id==0){
          j++;
          strimg.push(respData.img_url)
          //当j等于图片数量，返回图片路径数组          if (j >= data.length) {
            typeof (callback) === "function" && callback(strimg)
          }
        }else{
          wx.showModal({
          title: '提示',
          content: res_d.info,
          })
        }
      }
    })
  }
}

//调用函数 filePathArr:图片数组对象

uploadfiles.upload_arr(filePathArr, function (obj) {
    var param = {
       obj:obj,
       name:user_name    }
    //下一步，将获取到的图片数据与其他的参数传入后台并入库

    wx.request({

        ..........

    })  }) 