1. 程式人生 > >前端處理後臺返回的亂碼圖片

前端處理後臺返回的亂碼圖片

字符 http com api col The 返回 color 數據類型

問題描述:

請求後臺接口,返回如下圖的亂碼。

技術分享圖片

根據全場亂字符+JFIF標記,確定是個JPEG文件的二進制流,而不是base64。

解決方法:

1 this.$axios.get(‘api‘,{responseType: ‘arraybuffer‘})
2  .then(res=>{
3     this.formData.imgUrl =  ‘data:image/png;base64,‘ + btoa(
4     new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte
), ‘‘)) 5 })

註意:*****設置請求數據類型:responseType:‘arraybuffer‘******

前端處理後臺返回的亂碼圖片