小程序上传图片

小马哥技术屋 2018-06-21

展开全文

chooseimage:function () {
    var that = this
    var imglength = that.data.imglength  // 图片上传张数
    var waitimglength = that.data.waitimglength;  // 剩余上传张数
    wx.chooseImage({
      count: that.data.waitimglength, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function (res) {
        var list = that.data.imglist
        var backimgurl = that.data.backimgurl;
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片  
        var tempFilePaths = res.tempFilePaths;
        //启动上传等待中...  
        wx.showToast({
          title: '正在上传...',
          icon: 'loading',
          mask: true,
          duration: 10000
        })
        for (var i = 0; i < tempFilePaths.length; i++) {
          list.push(res.tempFilePaths[i])
        }
        olujin=[];
        for (var i = 0; i < list.length; i++) {
          wx.uploadFile({
            url: httpUrl +'/forum/uploadimg', //仅为示例，非真实的接口地址
            filePath: list[i],
            name: 'file',
            success: function (res) {
              var data = JSON.parse(res.data);
              if(data.code == 1){
                imglength ++;
                waitimglength --;
                that.setData({
                  imglength: imglength,
                  waitimglength: waitimglength
                })
                if (waitimglength == 0) {
                  that.setData({
                    is_display: 1
                  })
                }
                
                //如果是最后一张,则隐藏等待中  
                if (imglength == tempFilePaths.length) {
                  wx.hideToast();
                } 
                var backimglength = that.data.backimglength;
                var data = data.data
                backimgurl.push(data)
                that.setData({
                  imglist: backimgurl
                })
                var backimglength = backimgurl.length; //返回来的长度
                that.setData({
                  backimglength: backimglength
                })
              }else{
                wx.showToast({
                  title: data.msg,
                  icon: 'none',
                  duration: 1500
                })
              }
            }
          })
        }
      }
    })
  },