uniapp 显示后端返回的二进制流图片_HBuilderX教程

导读：uniapp: this.$request是自己封装的 uni.request函数,responseType也需要写入封装函数

uniapp: this.$request是自己封装的 uni.request函数,responseType也需要写入封装函数,具体见uniapp请求封装

<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 显示后端返回的二进制流图片

最新推荐

本周排行