小程序如何查看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安全错误
数据库的锁怎样保障安全
就我国国防网络安全重要性
网络安全技术与实践黄晓芳
app软件开发品控
国家医保信息数据库动态维护
小学国家网络安全宣传总结
成都琥珀网络技术有限公司
大量数据导入数据库用什么开发
数据库dtos
联想服务器sr860服务器日志
为新的数据库指定口令
数据库工作岗位加班
网络安全防范意识-
宜阳软件开发
阿里云服务器安全性特点
悦奕上海网络技术有限公司
深海迷航数据库有英文
flow 软件开发架构
上海企业软件开发价格多少
互联网消亡的新科技
敏捷软件开发的优缺点
护士网络安全管理查房PPT
网络技术思科毕业设计
essbase数据库是关系型吗
腾讯游戏网络安全中心
网站如何建立数据库后台管理
网络安全服务手抄报画
数据库安全性排行
财务管理系统 数据库
300英雄登录服务器
武汉软件开发定制公司