微信小程序实现图片转base64

在微信小程序中,图片转base63可以引入第三方插件;

也可以通过下边的方法转base64。

转换方法:

javascript 复制代码
imgToBase64(filePath) {
    return new Promise((resolve, reject) => {
      let baseFormat = 'data:image/png;base64,'
      let base64 = wx.getFileSystemManager().readFileSync(filePath, 'base64')
      resolve(baseFormat + base64)
    })
  }

使用方法:

javascript 复制代码
wx.chooseImage({
    count: 1,
    sizeType: ['original', 'compressed'],
    sourceType: ['album', 'camera'],
    success: async (res)=> {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
        let base64Image = await that.imgToBase64(tempFilePaths[0])
        console.log(base64Image)
    }
})
相关推荐
lhldsg1 小时前
家校托管互通系统技术架构与实战设计
java·经验分享·小程序·架构
疯狂小猫咪1 小时前
SaaS vs 定制开发:教培机构技术选型的成本、风险与适用场景深度对比
小程序
www_aiyuanma_vip2 小时前
非遗传承小程序
小程序
lhldsg2 小时前
线上住宿预约系统开发实战:从需求分析到接口设计
java·大数据·小程序·需求分析
mykj15514 小时前
一个小程序从想法到上线,需要经历哪些步骤
小程序·app开发·小程序开发
Coodor4 小时前
使用web也可以写NFC微信小程序拉取
前端·微信小程序·小程序·nfc拉起小程序
T01156185 小时前
全栈项目实战手记|艺培场馆课时预约小程序底层安全、交互、分包全量迭代复盘
安全·小程序·bug·前端实战·全栈项目实战手记·小程序实战
奶油喜多多5 小时前
教育小程序定制开发指南:从需求梳理到上线运维
运维·小程序
2601_949950635 小时前
在线刷题用什么小程序?认识一下能导资料、AI出题的练题簿
人工智能·学习·小程序·刷题·小程序推荐
paopaokaka_luck6 小时前
基于springboot3+vue3+uniapp的河南非遗数字图谱小程序(协同过滤算法、数字图谱展示、ECharts 图形化分析)
java·前端·spring boot·学习·小程序·uni-app·echarts