微信小程序上传多张图片

本次上床采用lin-ui组件进行辅助样式

wxml代码

  <l-image-picker count="9" bind:linchange="onChangeTap" />

wxjs代码

data: {
//存储后台返回的图片地址
    urls: []
  },
  onChangeTap(event) {
    var that = this
    console.log(event.detail.all)
//由于微信小程序一次只能上传一张图片，所以进行循环上传
    for (var i = 0; i < event.detail.all.length; i++) {
      wx.uploadFile({
        url: 'http://www.week1.com/week1/upload', //仅为示例，非真实的接口地址
        filePath: event.detail.all[i],
        name: 'file',
        header: {
          token: wx.getStorageSync('token')
        },
        formData: {
          'user': 'test'
        },
        success(res) {
          const data = res.data
          that.setData({
            urls: that.data.urls.concat(JSON.parse(res.data))
          })
        }
      })
    }
  },

后台php代码使用正常的上传文件即可

注意：此文档无上传成功失败的判断，需读者自行添加