微信小程序上传图片_this.datapicture.push-优快云博客

本文链接：https://blog.youkuaiyun.com/nannanWEB/article/details/90638639

博客围绕微信小程序上传图片展开，给出了实例代码，并提示具体文档可查看小程序官方文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序上传图片

下面为实例代码，具体文档看小程序官方文档

//上传图片
  chooseimage: function (e) {
    var _this = this;
    flag = "1";
    wx.chooseImage({
      count: 1, // 默认9  
      sizeType: ['compressed'],
      sourceType: ['camera'],   //仅使用相机拍照
      success: function (res) {
        door = "1";
        console.log(res)
        var tempFilePaths = res.tempFilePaths[0];    //此处为上传图片的 临时路径
        let picture = _this.data.picture;
        picture.push(tempFilePaths)    //   存储上传的图片
        _this.setData({
          picture,
        })
        console.log(_this.data.picture)
        //上传服务器

        wx.showLoading({
          title: '请求中',
        })
        // let data1 = {
        //   taskId:1
        // }
        wx.uploadFile({
          url: api.DZUPLOADIMG,
          filePath: tempFilePaths,
          // name: "311", 
          name: _this.data.taskId + 'split' + _this.data.notificationNo,
          success: function (res) {
            wx.hideLoading();
            var data = JSON.parse(api.DECRYPT(res.data))
            console.log("==上传图片请求返回成功==" + res);
            console.log(JSON.parse(api.DECRYPT(res.data)))
            if(data.code == '1'){
              let imgid = _this.data.imgid
              imgid.push(data.imgId)
              _this.setData({
                imgid:imgid
              })
            }
            console.log(_this.data.imgid)
          },
          complete: function () {
            console.log("upload complete");
          },
          fail: function (res) {
            console.log("==上传图片请求失败==", res);
            // that.SaveLogs("上传图片失败", res + '');
            wx.hideLoading();
          }
        })
      }
    })
  },