美文网首页
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