微信小程序实现图片转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)
    }
})
相关推荐
ZZHow102422 分钟前
微信小程序开发笔记(01_小程序基础与配置文件)
笔记·微信小程序·小程序
皮皮冰燃25 分钟前
微信小程序-1-微信开发者工具环境搭建和初始化创建项目
微信小程序·小程序
jingling55528 分钟前
uniapp | 实现微信小程序端的分包处理
微信小程序·小程序·uni-app
最美不过下雨天啊29 分钟前
微信小程序发送订阅消息-一次订阅,一直发送消息。
微信小程序·php·一次性订阅·长期订阅
2501_915921431 小时前
iOS App 性能监控与优化实战 如何监控CPU、GPU、内存、帧率、耗电情况并提升用户体验(uni-app iOS开发调试必备指南)
android·ios·小程序·uni-app·iphone·webview·ux
2501_915921432 小时前
前端开发工具有哪些?常用前端开发工具、前端调试工具、前端构建工具与效率提升工具对比与最佳实践
android·前端·ios·小程序·uni-app·iphone·webview
说私域4 小时前
基于开源AI智能名片、链动2+1模式与S2B2C商城小程序的流量运营与个人IP构建研究
人工智能·小程序·流量运营
weixin_177297220695 小时前
剧本杀小程序系统开发:构建线上线下融合的剧本杀生态圈
小程序·剧本杀
2501_9159184110 小时前
HTTPS 端口号详解 443 端口作用、iOS 抓包方法、常见 HTTPS 抓包工具与网络调试实践
android·网络·ios·小程序·https·uni-app·iphone