微信小程序上传多图到服务器并获取返回的路径

微信小程序上传图片很简单：

//点击选择图片 chooseimage:function(){  var that = this;  wx.chooseImage({    count: 9, // 默认9    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有    success: function(res) {    that.setData({     tempFilePaths: that.data.tempFilePaths.concat(res.tempFilePaths)//在已有的基础上进行拼接    })   }  }) },

这里的setData里面是当你选择照片之后，再一次出发函数时候，会在原有的基础上增加照片，而不是覆盖掉，有兴趣可以看一下concat的含义

这里就选择了照片，可以显示在界面上

 <image class="icon-image" background-size="contain" wx:for="{{tempFilePaths}}" src='{{item}}'  data-id='{{index}}'  bindtap='delete'></image>

效果图：

然后是多图上传的过程，这里我上传到公司oss里面，源码：

 upload:function(){  for (var i = 0; i < this.data.tempFilePaths.length; i++) {   // console.log("000")   this.upload_file(this.data.tempFilePaths[i])  } }, upload_file: function (filepath) {  var that = this; wx.uploadFile({  url: 'https://***********************/imgs',  header: {   'content-type': 'multipart/form-data'  },  filePath: filepath,  name: 'file',  formData: {   file: filepath  }, success:function(res){  that.setData({   mes:JSON.parse(res.data),   images: that.data.images.concat(JSON.parse(res.data).data.filePath)//把字符串解析成对象  })  // console.log(that.data.mes.data.filePath)  // console.log(that.data.images.length + "**********")  // wx.showToast({  //  title: 'success',  // }) }, fail: function (res) {  wx.showToast({   title: '图片加载失败',  }) } }) }

其实到这里都没有太大的问题。

但是当我点击提交的时候，就会出现图片为空的问题，这是因为，我们在提交的事件中肯定是先写上传图片的方法，

让后是提交的方法，但是由于微信小程序是异步，在for循环没有执行完就触发了提交的事件，这造成图片为空的问题。

我搜了很多答案出来，但是由于是接触不久，完全没看懂，什么Promis之类的，只能自己想办法，就在选择图片的时候就把图片上传了，然后返回路径：

 //点击选择图片 chooseimage:function(){  var that = this;  wx.chooseImage({    count: 9, // 默认9    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有    success: function(res) {    that.setData({     tempFilePaths: that.data.tempFilePaths.concat(res.tempFilePaths)//在已有的基础上进行拼接    })    that.upload();    that.setData({     temp: that.data.tempFilePaths.length//用来解决 for 循环比 异步 快    })   }  }) },