小程序实现头像更换

时间:2022-05-27 19:39:26   收藏:0   阅读:17

小程序项目中遇到需要更换用户头像的需求,这里记录下,相关逻辑代码index.ts,只选取重要的如下:

  // 更换用户头像
  changeAvatar() {
    const that = this
    wx.chooseImage({
      count: 1,
      sizeType: [‘original‘, ‘compressed‘],  // 可以指定是原图还是压缩图,默认二者都有
      sourceType: [‘album‘, ‘camera‘],  // 可以指定来源是相册还是相机,默认二者都有
      success(res) {
        wx.showLoading({
          title: "上传中...",
          mask: true,
        });
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePath = res.tempFilePaths[0]
        console.log(tempFilePath, res);
        wx.uploadFile({
          url: ‘http://192.168.188.226:22000/ech-sad/v1/upload/img‘, // 上传图片的服务器地址,写自己项目中的即可
          filePath: tempFilePath, // 上传图片的本地路径
          name: ‘imagefile‘,
          header: {
            Authorization: wx.getStorageSync("Authorization"),
          },   // 设置请求头,携带上token
          formData: {
            imagefile: tempFilePath,
            ‘type‘: ‘3‘,
          }, // 后端需要的请求体参数
          success(resp) {
            wx.hideLoading();
            // 返回的是json字符串类型数据,要转换为json对象
            const json_data = JSON.parse(resp.data)
            const image = json_data.data
            console.log(‘aaa‘, image);
            that.setData({
              buttonDisabled: false,
              image
            })
          }
        })
      }
    })
  },

原文:https://www.cnblogs.com/ljh330/p/15347846.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!