微信小程序上传头像

最新推荐文章于 2025-04-08 23:30:52 发布

原创最新推荐文章于 2025-04-08 23:30:52 发布 · 259 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端

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

2 篇文章

订阅专栏

博客提及需修改的地方已标注，之后进行粘贴操作即可。

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

// 定义数据
  data: {
    userInfo: '',
    userimg: ''
  },

 changePhoto: function () {
  var that = this;
  wx.showActionSheet({
    itemList: ['从相册中选择', '拍照'],
    itemColor: "#f7982a",
    success: function (res) {
      if (!res.cancel) {
        if (res.tapIndex == 0) {
          that.chooseWxImageShop('album');//从相册中选择
        } else if (res.tapIndex == 1) {
          that.chooseWxImageShop('camera');//手机拍照
        }
      }
    }
  })
},
chooseWxImageShop: function (type) {
  var that = this;
  wx.chooseImage({
    sizeType: ['original', 'compressed'],
    sourceType: [type],
    success: function (res) {
      that.data.userimg = res.tempFilePaths[0],
      that.upload_file('/v1/client/uploadPictures', res.tempFilePaths[0])   //第一个路径需更改
      // userimg = res.tempFilePaths[0];
      that.setData({
        userimg: that.data.userimg
      })
    }
  })
},
// 上传至服务器
upload_file: function (url, filePath) {
  var that = this;
  // var token = JSON.stringify(wx.getStorageSync('token'))
  wx.uploadFile({
    url: util.iotURL + url,  //后台处理接口 
    filePath: filePath,
    name: 'file',
    header: {
    'content-type': 'multipart/form-data',
    'X-AUTH-TOKEN': wx.getStorageSync('token')
    }, // 设置请求的 header
    formData: {  //需要的参数
      // formData  看你的后端要传什么
    }, 
    success: function (res) {
      that.setData({
        userimg: res.data,
      });
      wx.showToast({
        title: '上传成功',
      })
    },
    fail: function (res) {
    }
  })
},

需修改的地方已标注。
一通粘就好~