小程序上传头像，并生成base64，调后台接口实现上传功能

罗倩楠_666

于 2020-12-18 12:05:44 发布

阅读量584

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/sunbeibei00000/article/details/111356853

小程序专栏收录该内容

9 篇文章

订阅专栏

该博客围绕小程序功能展开，主要介绍了在小程序中上传头像的操作，将头像生成Base64编码，以及调用接口完成上传的相关内容，属于信息技术中移动开发领域。

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

  ModifyAvatar() {
    var _this = this;
    wx.chooseImage({
      count: 1, // 默认9 
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 
      success(res) {
        wx.getFileSystemManager().readFile({
          filePath: res.tempFilePaths[0], //要读取的文件的路径 (本地路径)
          encoding: "base64", //指定读取文件的字符编码，如果不传 encoding，则以 ArrayBuffer 格式读取文件的二进制内容
          success(res) {
            //转换完毕，执行上传
            _this.setData({
              avatar: 'data:image/png;base64,' + res.data
            })
          }
        })
      }
    })
  },