微信小程序图片显示不出来的问题 100%管用

相信大多数微信小程序的开发者都会遇到的一个问题就是图片在模拟器上能显示跑到真机上就不行，而且ios能显示安卓却显示不了的问题，这个问题也是困扰了我很久，最终想到了解决方案。

大多数情况下都是后端返回一个url地址然后我们再拿基准路径去拼接 ok这没问题在pc端和ios都可以显示，但是安卓不行，因为我们拼接的这个路径实际上返回来的是一个流我们需要进行处理转换成base64格式才能正常显示而pc和ios可能内部做了处理所以能显示出来。

为此我封装了一个小工具话不多说上代码：

如果后端返回的ulr路径最后没带文件名可以把fileNmae注释掉以免报错，然后resolve那里写死成jpeg(正常情况都会带上)

使用方法：

fileStreamturn: function(url) {return new Promise(function(resolve,reject) {uni.request({url: url,method: 'GET',responseType: 'arraybuffer',header:{Authorization: token},success: res => {let datas = res.data;let fileName = url.slice(url.indexOf('.')+1)resolve(`data:image/${fileName};base64,`+uni.arrayBufferToBase64(datas))},});})
},

微信小程序图片显示不出来的问题 100%管用相关推荐

微信小程序图片显示不全
最近小程序蛮火. 直入主题: 对于一张网络图片高度太高,而显示不全如何解决? 其实我一贯的观点是,所有的问题从api中都能够找到答案,只是有时候缺少耐心,而没有好好去读官方api,出现问题后着急的g ...
关于微信小程序不能显示图片
本人场景:wxml <image> 标签设置 src="../../images/中文名.png" 时出现 IOS 端显示没问题,而安卓端不显示图片的问题. 上网一查才 ...
微信小程序不显示base64位图片
我是用uniapp开发,一开始在微信小程序无法显示base64 图片但是在开发者工具上可以如果是存在自动换行的话可以使用 xxx.replace(/[\r\n]/g,""); ...
微信小程序图片全屏预览组件，并解决svg真机显示黑屏问题
自己码了个微信小程序图片全屏预览组件,并解决了svg真机显示黑屏问题(即png等格式可以正常显示,但就svg无法显示). /*** 微信小程序图片预览组件* 1.支持预览svg.png.jpeg.jp ...
关于微信小程序图片不显示的问题解决方案
关于微信小程序图片不显示的问题解决方案经过查阅资料发现如下文档导致图片不显示: 1.本地图片是用image加载的:src="../../../images/ic_header.jpg&qu ...
小程序图片上传php后台,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(php)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
php 点击选择图片上传,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(PHP)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
微信小程序图片裁剪插件image-cropper
image-cropper 一款高性能的微信小程序图片裁剪插件,支持旋转.设置尺寸功能亮点 1.支持旋转支持旋转支持旋转. 2.性能超高超流畅,大图毫无卡顿感. 3.可以设置导出图片尺寸. 4.自由 ...
微信小程序图片（头像）裁剪工具we-cropper含2d版-完整版
微信小程序图片(头像)裁剪工具we-cropper含2d版-完整版本教程基于 we-cropper v1.4.0,非本人同意禁止任何形的转载 we-cropper官方下载链接效果图一.非2d版 ...
制作esp32-cam拍照上传，微信小程序照片显示的监控小车
前期配件准备 ESP32-CAM开发环境配置程序下载连接小车控制台查看图片微信小程序的开发 1.前期配件准备小车套件(网上购买即可,较为方便的选择) ESP32-CAM (推荐安信可,外加T ...

微信小程序图片显示不出来的问题 100%管用

微信小程序图片显示不出来的问题 100%管用相关推荐

最新文章

热门文章

微信小程序 图片显示不出来的问题 100%管用

微信小程序 图片显示不出来的问题 100%管用相关推荐

最新文章

热门文章

微信小程序图片显示不出来的问题 100%管用

微信小程序图片显示不出来的问题 100%管用相关推荐