微信小程序上传头像

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

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #javascript

本文记录了在微信小程序中实现用户修改头像的功能，通过wx.chooseMedia选择图片，使用wx.getFileSystemManager().readFile将图片转换为base64编码，然后将base64格式的图片数据发送到服务器更新头像。

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

记录一下做微信小程序过程中的上传修改头像功能，接口需要传的是base64的图片，使用wx.getFileSystemManager().readFile()可以转换格式

代码：

 wx.chooseMedia({
     count: 1,
     mediaType: ['image'],
     success: res => {
         wx.getFileSystemManager().readFile({
             filePath: res.tempFiles[0].tempFilePath, //选择图片返回的相对路径
             encoding: 'base64', //编码格式
             success: res => { //成功的回调
                 let url = 'data:image/png;base64,' + res.data
                 $Api.updateHeadImg({headImg:url}).then(resp=>{
                     if(resp.statu == 200){
                         this.setData({
                             avatar: help.formatImg(resp.data)
                         })
                     }
                 })
             }
           })
         }
 })