微信小程序 显示二进制图片数据

微信小程序 显示二进制图片数据,第1张

在微信小程序的网络请求图片文件中,返回的图片并不是我们想象中放上去就可以显示的,返回回来的是一组二进制数据,我们需要base64转换后方可使用,下面总结一下请求图片文件数据的正常流程:

我们平常的本地图片或网络图片只需要如下即可显示:

而图片文件则是要如下处理(固定格式):

请求类型需要设置为 arraybuffer, 后面接收到的data要使用base64处理成可显示的形式

 使用微信小程序  wx.request接受服务端的图片,转成base64 ,放在页面上不显示

 wx.request  默认返回数据类型是json,会把二进制转化成string,再转base64,当然没有结果。

wx.request  设置 responseType: 'arraybuffer',

在开发微信小程序的时候,一张图片需要通过WebSocket获取,WebSocket返回png图片的二进制格式的数据,然后小程序将ArrayBuffer转成base64并赋给image的src属性,如下...


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11166547.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存