美文网首页
uniapp 显示后端返回的二进制流图片

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