微信小程序手机选取图片转成Base64编码以及本地加载Base64编码的图片问题

最近有遇到过这样的问题,看了下社区里的资料,有的只能在开发工具上可以转有手机上却不行~,整理下可以在手机上转化的,直接上代码。通过(1)const fs = wx.getFileSystemManager();(2)fs.readFile({})这两步就可以获取Base64的编码!(真机上测试可以本人的是8p)

微信小程序手机选取图片转成Base64编码以及本地加载Base64编码的图片问题_第1张图片

还有一个就是本地加载Base64编码的图片问题,这个问题主要是体现在image标签在需要默认添加一个背景图片的时候可能会遇到。

第一步先在utils文件夹下面建立一个公共的js文件 

微信小程序手机选取图片转成Base64编码以及本地加载Base64编码的图片问题_第2张图片

第二步 将你选择的图片在网上找个可以将图片转成Base64的网站:http://imgbase64.duoshitong.com/

第三步将转成的Base64编码复制下来,同时部一个接口出来供其他js文件调用

 

第四步就是调用了,取到了值将值绑定在image标签上就可以了

 

 

 

那就写到这吧~

你可能感兴趣的:(微信小程序手机选取图片转成Base64编码以及本地加载Base64编码的图片问题)