微信小程序实现图片转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)
    }
})
相关推荐
DsirNg6 小时前
页面栈溢出问题修复总结
前端·微信小程序
小徐_23336 小时前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·微信小程序·uni-app
小小王app小程序开发7 小时前
场馆预约小程序留存率提升指南:技术落地与运营实操全解析
小程序
深红9 小时前
玩转小程序AR-实战篇
前端·微信小程序·webvr
00后程序员张10 小时前
HTTPS Everywhere 时代的抓包挑战,从加密流量解析到底层数据流捕获的全流程方案
网络协议·http·ios·小程序·https·uni-app·iphone
我命由我1234515 小时前
微信小程序 - scroll-view 的一些要点(scroll-view 需要设置滚动方向、scroll-view 需要设置高度)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
weixin_4721835417 小时前
微信小程序使用websocket
websocket·微信小程序·小程序
发财北17 小时前
线上交友APP怎么开发?
小程序
2501_9159214317 小时前
Bundle Id 创建与管理的工程化方法,一次团队多项目协作中的流程重构
服务器·ios·小程序·重构·https·uni-app·iphone
少云清17 小时前
【功能测试】4_小程序项目 _Ego微商小程序测试点分析
功能测试·小程序