uniapp怎么把后端传输回来的图片转换成base64

在uniapp中，可以使用uni.request或uni.downloadFile请求后端获取图片数据，然后通过uni.arrayBufferToBase64将ArrayBuffer类型的数据转换成base64编码的字符串。

以下是一个示例代码：

uni.downloadFile({
  url: 'http://example.com/image.jpg',
  success: function (res) {
    // 将ArrayBuffer类型的数据转换成base64编码的字符串
    uni.arrayBufferToBase64(res.tempFilePath, function(base64Data) {
      console.log('base64Data:', base64Data);
    });
  }
});

如果需要将图片展示在前端页面中，可以使用data URI scheme将base64编码的字符串转换成图片展示，例如：

<template>
  <img :src="imageUrl" />
</template>
<script>
export default {
  data() {
    return {
      imageUrl: '',
    }
  },
  methods: {
    loadImage() {
      uni.downloadFile({
        url: 'http://example.com/image.jpg',
        success: (res) => {
          uni.arrayBufferToBase64(res.tempFilePath, (base64Data) => {
            this.imageUrl = 'data:image/jpeg;base64,' + base64Data;
          });
        },
      });
    },
  },
  mounted() {
    this.loadImage();
  },
};
</script>