微信小程序-多图片上传

最新推荐文章于 2019-08-30 14:00:28 发布

chibimarukochan

最新推荐文章于 2019-08-30 14:00:28 发布

阅读量243

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/ChibiMarukoChan/article/details/86519237

版权

微信小程序专栏收录该内容

55 篇文章 24 订阅

订阅专栏

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

之前并未调用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) {

      }
    })

  },