uniapp 显示后端返回的二进制流图片
作者:
小李不小 | 来源:发表于
2024-01-16 15:34 被阅读0次<template>
<view>
<!-- 显示图片的位置-->
<image :src="QRImg"></image>
</view>
</template>
<script>
export default {
data() {
return {
QRImg: '',
}
},
methods: {
//获取图片
async getImg() {
const res = await this.$request('请求的url', {
data: {
"tablesid": this.orderId,
},
responseType: "arraybuffer", //这是必要的一步,responseType必须设置为arraybuffer
})
console.log(res, "kdkdkd")
const arrayBuffer = res.data
//将arrayBuffer数据转换成base64格式即可显示
this.QRImg = `data:image/jpeg;base64,${uni.arrayBufferToBase64(arrayBuffer)}`
},
}
</script>
本文标题:uniapp 显示后端返回的二进制流图片
本文链接:https://www.haomeiwen.com/subject/mwmkodtx.html
网友评论