微信小程序图片转base64数据

小程序的开发在现阶段的应用越来越广泛,本文简要介绍如何实现在微信小程序端将获取的图片路径转换成base64数据格式!

效果如图:


将图片转换成base64数据格式,目前本人所知的共三种方法,分别为:

1、通过canvas来进行转换

2、通过数据请求(wx.request)来进行转换

3、通过微信提供的api(wx.getFileSystemManager().readFileSync)来获取

本文简要介绍第三种方法的使用:

wx.chooseImage({
count: parseInt(e.currentTarget.dataset.num),
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success(res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths
console.log('data:image/jpg;base64,'+wx.getFileSystemManager().readFileSync(res.tempFilePaths[0], "base64"))
}
})

从上方代码中可以看到很简单便能获取到所需要的数据。

个人比较推荐第三种,原因不言而喻(简单、方便)。

如果你是需要网络图片,那么毫无疑问肯定是第二种啦。各位根据自己需要来处理就好!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!