axios 处理二进制流转成图片_axios请求展示二进制流或需要展示json处理

问题描述

请求后台接口时，后端返回是二进制流文件,举例:如返回是流图片,这时img标签是不能直接显示的需要用在请求头设置 responseType: "arraybuffer",

以下为请求拿到流数据转img方法

let loginImg = 'data:image/png;base64,' + btoa(

new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), '')

);

转后可直接使用.

另一种情况:后端返回可能是流文件也可能是json数据这是可通过标识判断把流数据转为json对象正常处理 (前提是请求响应设置为了 responseType: "arraybuffer",)

let encodedString = String.fromCharCode.apply(null, new Uint8Array(response.data));

let decodedString = decodeURIComponent(escape((encodedString)))  //解决中文乱码  重要不可遗漏

let obj = JSON.parse(decodedString);