小程序如何查看base64图片？

小程序如何查看base64图片？下面这篇文章介绍了在微信小程序中预览base64图片的方法，希望对大家有所帮助！

1.背景中的图片为base64格式，如果显示，请使用【“data:image/PNG；Base64，“+数据”可以正常显示。那么，调用微信API接口previewImage时会出现很多问题，比如:

Windows开发工具，黑屏，部分Android机型无法显示控制台以报告错误等。第二，经过查询，我找到了官方答案。微信的官方意思是需要url地址，不支持base64格式。以下为微信官方回复:

解决方案//获取应用程序实例constapp = getapp（）page（{ data:{//base64 data，base64:& # 39；'，//Local Imgurl:本机的临时文件路径& # 39；'}，on show:function（）{//在此删除临时文件var local imgur = this . data . local imgur；if（localImgUrl）{ var fs = wx . getfilesystemmanager（）；fs . unlink sync（localImgUrl）；fs . close sync（）；}}，//预览图片onPreviewImage（）{ varbase 64 =“data:image/png；base64，“+this . data . base64；var img PATH = wx . env . user _ DATA _ PATH+& # 39；/E-发票& # 39；+Date . parse（new Date（））+& # 39；。png & # 39；var imagedata = base64.replace(/^data:image\/\w+；base64，/，““）；var fs = wx . getfilesystemmanager（）；fs . write file sync（img path，imageData，“base64“）；fs . close（）；this . setdata（{ local imgur:img path }）wx . preview image（{ URL:【img path】//http链接要预览的图片列表}）}）【相关学习推荐:小程序开发教程】

以上就是如何通过小程序查看base64图片的细节。更多资讯请关注主机参考等相关文章！

这几篇文章你可能也喜欢：

• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)
• applet中插槽与父子组件通信的几种方式分析（applet的父组件改变子组件的属性）
• 教你如何在微信小程序中使用画布+画师插件制作二维码（微信小程序画布生成图片）。
• 教你如何在小程序中使用字体图标（如何设置小程序的字体大小）
• 手机号码获取方法分析（如何通过小程序获取用户的手机号码）

本文由主机参考刊发，转载请注明：小程序如何查看base64图片？ https://zhujicankao.com/105625.html