微信小程序处理后端返回图片二进制流,渲染页面
1.情况展示:后台接口返回二进制数据

2.在JS页面中,获取数据,转换数据
wx.request({
url: url, //获取图片的URL
method:"get",,
responseType: ‘arraybuffer‘, //ArrayBuffer涉及面比较广,我的理解是ArrayBuffer代表内存之中的一段二进制数据,一旦生成不能再改。可以通过视图(TypedArray和DataView)进行操作。
success (res) {
let url =‘data:image/png;base64,‘+wx.arrayBufferToBase64(res.data)
that.setData({
codeUrl : url, //设置data里面的图片url
show:true
})
},
fail(res){
Toast.clear();
}
})3.在wxml文件中,使用image标签,如:
<view>
<image src=‘{{codeUrl}}‘></image>
</view> 相关推荐
小秋 2020-06-15
yishouwangnian 2020-08-18
温攀峰 2020-08-17
jiangtie 2020-08-15
stulen 2020-08-15
herohope 2020-07-19
FORYAOSHUYUN 2020-07-08
xiaojiang0 2020-06-21
Erick 2020-06-17
hickwu 2020-06-16
spinachcqb 2020-06-13
TMD咯MySQL 2020-06-11
88427810 2020-06-10
pengpengflyjhp 2020-06-08
hevenue 2020-06-08
徐建岗网络管理 2020-06-07