业务经理

微信扫描以上二维码

028-61286886

技术咨询

微信小程序头像上传示例,处理base64图片文件上传问题

迅睿框架 更新 2025-08-10 00:21:18 小鱼儿

微信小程序头像上传功能,解决图片base64上传转码问题

      <button  open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
              <image class="avatar" :src="member.avatar+Math.floor(Math.random() * 10000)"></image>
             </button>
   onChooseAvatar(e) {
    let that = this;
    const {avatarUrl} = e.detail;
    wx.getFileSystemManager().readFile({
     filePath: avatarUrl, //要读取的文件的路径 (本地路径)
     encoding: "base64", //指定读取文件的字符编码
     success(res) {
      //转换完毕,执行上传
     let avatar=encodeURI('data:image/png;base64,' + res.data).replace(/\+/g,'%2B');//避免特殊字符+ 传输变成空格,重要
     that.http.post('&s=member&c=account&m=avatar&r=9351','is_ajax=1&file='+avatar) //我这里是单独封装过的请求方式,按照官方头像上传接口传输内容即可https://www.xunruicms.com/doc/1081.html
      .then(obj => {
       uni.setStorageSync('member', obj.data.data); //按照自己的用户保存方式,更新用户信息
       that.member= obj.data.data;
       uni.showToast({
        icon:false,
        title: obj.data.msg,
        duration: 2000
       });
      }).catch(err => {
       console.log(err)
      })
     }
    })

   },


方案

  • 讯睿cms铁粉 #1 · 2024-01-11 11:06:49
    支持 学习一下
  • zlhwgpl #2 · 2025-08-10 00:21:18
    不知道行不行,天天变

迅睿系统漏洞

独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...
阿里云滑动验证码
阿里云滑动验证码(2026-09-10)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...
下载Plus
下载Plus(2026-09-09)
为网站附件下载加上“计数、限次、统计、防护”四重能力:按用户组控制下...