小程序上传图片+php接口

男娘i 2021-10-15 15:25 382阅读 0赞

js代码

bindViewTap: function () {
        var that = this;
        console.log(that.data.hits)
        var hit = that.data.hits
        hit = hit+1;
        that.setData({
          hits:hit
        })
        // 多张图片
    
        if (hit <= 3) {
          wx.chooseImage({
            count: 3,
            sizeType: ['compressed'],
            sourceType: ['album', 'camera'],
            success(res) {
              // tempFilePath可以作为img标签的src属性显示图片
              const tempFilePaths = res.tempFilePaths;
              that.data.imgsrc.push(tempFilePaths);
              var list = [];
              that.data.imgsrc.forEach(function (item, index) {
                //这里的item就是从数组里拿出来的每一个数组
                var obj = {
                  'filesrc': item[0],
                }
                list.push(obj);
                that.setData({
                  family: list,
                })
              })
    
              console.log(that.data.family);
              // 成功之后上传到服务器
              wx.uploadFile({
                url: app.globalData.requesturl,
                filePath: tempFilePaths[0],
                name: 'file',
                formData: {
                  'method': 'addImg'
                },
                success: function (res) {
                  var data = JSON.parse(res.data);
                  console.log(data);
                  if(data.status == 3) {
                    that.data.iurl.push(data.url);
                    var itemp = '';
                    that.data.iurl.forEach(function (item2, index2) {
                      //这里的item就是从数组里拿出来的每一个数组
                      // console.log(item2);
                      var list2 = item2 + ',' + itemp;
                      itemp = list2;
    
                    });
                      that.setData({
                        iurlall: itemp,
                      });
                      console.log(that.data.iurlall);
                  }else if (data.statu == 2){
                    wx.showToast({
                      title: '上传图片不能大于1M!'
                    })
                  } else if (data.statu == 1) {
                    wx.showToast({
                      title: '格式错误',
                    })
                  } else if (data.statu == 4) {
                    wx.showToast({
                      title: '上传失败',
                    })
                  } else if (data.statu == 6) {
                    wx.showToast({
                      title: '上传方式错误',
                    })
                  }
                } 
                });
            }
          });
        } else {
          wx.showToast({
            title: '最多可上传3张图片',
          })
        }
      },

wxml代码

php接口

代码博主在项目中都有应用，都可拿走即食哈，大家有什么问题或者改进的地方评论区一起讨论哈！！！