微信小程序-多图片上传

继续上篇文章《微信小程序-图片选择并预览》

之前并未调用wx.uploadFile(Object object),将本地资源上传到服务器。

需要注意的一点:微信接口返回的数据是string类型,我们需要转换成需要的json格式

 *******JSON.parse(res.data)

/****上传图片 */
  uploadFile:function(){
    let that=this
    let i=that.data.picUrl.length-1;
    wx.uploadFile({
      url: '上传地址',
      filePath: that.data.picUrl[i],
      name: 'jsonstring',
      header: {
        'token': wx.getStorageSync('token'),
        'content-type': 'multipart/form-data'
      },
      success: function (res) {
        let successData = JSON.parse(res.data)
        if (successData.code == 1) {
          let uploadUrl = successData.data
          that.data.pics.push([uploadUrl])
          that.setData({
            pics: that.data.pics
          })
          if (that.data.pics.length >= 3) {
            that.setData({
              isShow: false
            })
          }
          setTimeout(function(){
            wx.showToast({
              title: '图片上传成功',
            })
          },2000)
        }
      },
      fail: function (res) {
       
      },
      complete: function (res) {

      }
    })

  },

 

你可能感兴趣的:(微信小程序)