vue二进制转Base64图片展示

1.转换函数

arrayBufferToBase64 (buffer) {
      var binary = ''
      var bytes = new Uint8Array(buffer)
      var len = bytes.byteLength
      for (var i = 0; i < len; i++) {
        binary += String.fromCharCode(bytes[i])
      }
      return window.btoa(binary)
    },
1
2
3
4
5
6
7
8
9

2.请求接口必须加

export function getQRCodeView(id) {
  return request({
    url: `/XXXXXXXXX/${id}`,
    method: 'get',
    responseType: 'arraybuffer'//这是重点
  })
}
1
2
3
4
5
6
7

3.数据转换调用

getQRCodeView(channelId).then((res) => {
        self.viewQRData = 'data:image/jpeg;base64,' + this.arrayBufferToBase64(res)
      })
      ```
1
2
3
4