小程序如何查看base64图片
发表于:2024-09-26 作者:千家信息网编辑
千家信息网最后更新 2024年09月26日,这篇文章给大家分享的是有关小程序如何查看base64图片的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、后台传过来的图片为base64格式的,显示的话用【_"data:i
千家信息网最后更新 2024年09月26日小程序如何查看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作为临时文件存到本地,然后预览,预览结束时删除临时文件
// 获取应用实例const app = getApp()Page({ data: { //base64数据,由后台传过来 base64: '', //本机的临时文件路径 localImgUrl: '' }, onShow: function() { // 在这里删除临时文件 var localImgUrl = this.data.localImgUrl; if(localImgUrl) { var fs = wx.getFileSystemManager(); fs.unlinkSync(localImgUrl); fs.closeSync(); } }, //预览图片 onPreviewImage() { var base64 = _"data:image/PNG;base64," + this.data.base64; var imgPath = wx.env.USER_DATA_PATH + '/e-invoice' + Date.parse(new Date()) + '.png'; var imageData = base64.replace(/^data:image\/\w+;base64,/, ""); var fs = wx.getFileSystemManager(); fs.writeFileSync(imgPath, imageData, "base64"); fs.close(); this.setData({ localImgUrl: imgPath }) wx.previewImage({ urls: [imgPath] // 需要预览的图片http链接列表 }) }})
感谢各位的阅读!关于"小程序如何查看base64图片"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
图片
文件
官方
程序
内容
后台
更多
格式
篇文章
不错
实用
地址
实例
工具
开发工具
思路
意思
接口
控制台
数据
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
互联网科技有限公司运营模式
教育手机软件开发
酷讯互联网络科技有限公司
数据库原理与应用课本答案
昆明服务器回收
服务器内部安全问题
护苗 网络安全课的意义
数据库安全密码过期
万国觉醒365服务器
软件开发中测试和排错的工作量
怎么在查数据库的时候生成主键
涉密信息软件开发资质证书
日本有打车软件开发
电子信息与网络安全专业
最强蜗牛怎么注销多余服务器账号
河南网络安全评估企业
怎样加快论文上数据库速度
软件开发t3
衡阳软件开发应用
msigdb数据库
鸟岛课件软件开发
昆明服务器回收
总工会网络安全应急预案
平顶山软件开发价格走势
天择网络技术有限公司合作
vf如果把文件数据库
网络安全宣传片策划
软件开发与管理专业哪个好
科技互联网背景视频素材
江西通用软件开发厂家报价