微信小程序图片转base64数据
小程序
2020-03-10 16:01:34
小程序的开发在现阶段的应用越来越广泛,本文简要介绍如何实现在微信小程序端将获取的图片路径转换成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"))
}
})
从上方代码中可以看到很简单便能获取到所需要的数据。
个人比较推荐第三种,原因不言而喻(简单、方便)。
如果你是需要网络图片,那么毫无疑问肯定是第二种啦。各位根据自己需要来处理就好!
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
881篇文章
4082人已阅读