接口返回圖片二進制流前端展示

問題描述

請求后台接口時，返回圖片內容如下：

咋一看，不是base64格式，二十二進制的圖片流數據，前端要想展示，只需要轉換數據格式為base64即可。

解決方案

設置responseType為arraybuffer

設置了arraybuffer后的接口返回：

base64轉換顯示

this.processImgSrc = 'data:image/png;base64,' + btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))