微信小程序wx.uploadFile的两个坑

最新推荐文章于 2023-11-01 21:05:17 发布

转载最新推荐文章于 2023-11-01 21:05:17 发布 · 378 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/srgk/p/8989515.html

文章标签：

#json

本文介绍了一种在微信小程序中实现用户头像上传的方法。具体步骤包括选择图片、预览图片并将其上传到服务器。文章详细展示了如何使用wx.chooseImage和wx.uploadFile API，并特别注意到了将返回的数据从字符串转换为JSON格式的过程。

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

setImage:function(e){
    var _this = this　　//坑1
    wx.chooseImage({
      count: 1, 
      sizeType: ['original', 'compressed'], 
      sourceType: ['album', 'camera'], 
      success: function (res) {
        var tempFilePaths = res.tempFilePaths
        console.log(tempFilePaths)
        wx.uploadFile({
          url: app.globalData.myhost+'customer-header?access_token='+app.globalData.itoken,
          filePath: tempFilePaths[0],
          name: 'uploadFile',
          formData: {
            'userId': app.globalData.iuserId
          },
          success: function (res) {var data = JSON.parse(res.data)　　//坑2：与wx.request不同，wx.uploadFile返回的是[字符串]，需要自己转为JSON格式
            console.log('上传成功')
            _this.setData({　　　　//坑1：wx.uploadFile本身有一个this，所以要通过外部var _this = this 把this带进来
              headerImageUrl: data.headerImageUrl
            })
            console.log('刷新成功')
          }
        })
      }
    })
  },