小程序怎么查看base64图片？下面本篇文章给大家介绍一下微信小程序中预览base64图片的方法，希望对大家有所帮助！
一、后台传过来的图片为base64格式的，显示的话用【"data:image/PNG;base64," + data】就可以正常显示。然后在调用微信API接口previewImage却有诸多问题，如：
windows开发工具黑屏
部分安卓机型无法显示
控制台报错等
二、经过查询，找到了官方的回答。微信官方的意思是需要用url地址，不支持base64格式，以下是微信官方回答：
wx.previewImage API 预览base64图片导致微信闪退? | 微信开放社区 (qq.com)
https://developers.weixin.qq.com/community/develop/doc/00088c9e44c3d880597ab22b15bc00?highLine=wx.previewImage%20base64
解决方案
思路：先把base64作为临时文件存到本地，然后预览，预览结束时删除临时文件
//获取应用实例constapp=getApp()Page({data:{//base64数据，由后台传过来base64:'',//本机的临时文件路径localImgUrl:''},onShow:function(){//在这里删除临时文件varlocalImgUrl=this.data.localImgUrl;if(localImgUrl){varfs=wx.getFileSystemManager();fs.unlinkSync(localImgUrl);fs.closeSync();}},//预览图片onPreviewImage(){varbase64="data:image/PNG;base64,"+this.data.base64;varimgPath=wx.env.USER_DATA_PATH+'/e-invoice'+Date.parse(newDate())+'.png';varimageData=base64.replace(/^data:image\/\w+;base64,/,"");varfs=wx.getFileSystemManager();fs.writeFileSync(imgPath,imageData,"base64");fs.close();this.setData({localImgUrl:imgPath})wx.previewImage({urls:[imgPath]//需要预览的图片http链接列表})}})
产品猿社区致力收录更多优质的商业产品，给服务商以及软件采购客户提供更多优质的软件产品，帮助开发者变现来实现多方共赢；
日常运营的过程中我们难免会遇到各种版权纠纷等问题，如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用，您可按照我们投诉流程处理，点我投诉；
本文来自用户发布投稿，不代表产品猿立场 ；若对此文有疑问或内容有严重错误，可联系平台客服反馈；
部分产品是用户投稿，可能本文没有提供官方下下载地址或教程，若您看到的内容没有下载入口，您可以在我们产品园商城搜索看开发者是否有发布商品；若您是开发者，也诚邀您入驻商城平台发布的产品，地址：点我进入；
如若转载，请注明出处：https://www.chanpinyuan.cn/39771.html；
