前端接口处理图片流转化为Base64

一、声明接口

export function getQrCode(params) {
    return request({
        url: '/api/qr-code',
        method: 'get',
        params,
        responseType: 'arraybuffer'
    })
}

注意
需要增加responseType: 'arraybuffer'设置该值能够改变响应类型（关键这句话），是告诉服务器期望的响应格式。

二、方法引用

getQrCode({ content }).then((res) => {
   this.transformArrayBufferToBase64(res);
});

三、转换方法

transformArrayBufferToBase64(res) {
      let rqCodeImg =
        "data:image/png;base64," +
        btoa(
          new Uint8Array(res).reduce(
            (data, byte) => data + String.fromCharCode(byte),
            ""
          )
        );
      this.rqCodeImg = rqCodeImg;
}