微信小程序写一个将图片对象转成base64字符串的函数

这个我只能比较遗憾的说 小程序中大部分操作文件的API都是异步的

所以这个函数 我们还是要异步返回

其实大家肯定也都喜欢同步的

javascript 复制代码
imageToBase64(image) {
  return new Promise((resolve, reject) => {
    const filePath = image.path;

    // 获取图片文件大小
    wx.getFileInfo({
      filePath: filePath,
      success: function (fileInfo) {
        const fileSize = fileInfo.size;

        // 读取图片文件内容
        wx.getFileSystemManager().readFile({
          filePath: filePath,
          encoding: 'base64',
          success: function (res) {
            const base64Data = `data:${image.type};base64,${res.data}`;

            resolve(base64Data);
          },
          fail: function (err) {
            reject(err);
          }
        });
      },
      fail: function (err) {
        reject(err);
      }
    });
  });
}

这个函数 接受一个图片对象 然后将其转成Base64字符串 通过Promise异步回到传回返回值

然后的话 我们可以用then 或者 async/await的形式来调用他 这里我还是喜欢then

然后我们运行效果如下

相关推荐
zoahxmy092912 小时前
微信小程序 request 流式数据处理
微信小程序
人人题13 小时前
汽车加气站操作工考试答题模板
笔记·职场和发展·微信小程序·汽车·创业创新·学习方法·业界资讯
曲江涛15 小时前
微信小程序 webview 定位 并返回
微信小程序·小程序
weixin_4404705015 小时前
部署Dify接入微信验证反代根目录创建一个文件通过微信小程序验证
微信小程序·腾讯云
276695829216 小时前
美团民宿 mtgsig 小程序 mtgsig1.2 分析
java·python·小程序·美团·mtgsig·mtgsig1.2·美团民宿
web_Hsir17 小时前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
web_Hsir17 小时前
Uniapp 实现微信小程序滑动面板功能详解
vue.js·微信小程序·uni-app
fakaifa18 小时前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
Angus-zoe18 小时前
微信小程序唤起app
微信小程序·小程序
不老刘20 小时前
微信小程序使用 Vant Weapp 组件库教程
微信小程序·小程序·vant