说明

vue axios 后端接口返回一个流文件图片，前端base64解析直接展示

代码

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

getImg(filePath) {
  this.$http.get('/img', {
    responseType: 'arraybuffer'
  }).then(response => {
    return 'data:image/png;base64,' + btoa(
      new Uint8Array(response.data)
        .reduce((data, byte) => data + String.fromCharCode(byte), ''))
  }).then(data => {
    // console.log(data)
  })
}

使用如下