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);


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容