微信小程序 背景图片base64_微信小程序图片转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"))

}

})

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

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

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