VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

小程序如何查看base64图片?

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

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

小程序如何查看base64图片?

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

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

1.png

解决方案//获取应用程序实例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图片的细节。更多资讯请关注主机参考等相关文章!

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 小程序如何查看base64图片?
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!