目录

前端如何处理后端返回的图片是二进制

前端如何处理后端返回的图片是二进制

后端的数据格式

https://i-blog.csdnimg.cn/direct/32d0d9b5e7054b9a9cbaa9f3d90e2c7e.png

后端返回结果,类型是binary(二进制流)

处理

前端使用的是 axios

请求中加入 { responseType: "arraybuffer" }

https://i-blog.csdnimg.cn/direct/19e649a863cf4a3086c5e8003c237b02.png

响应结果

https://i-blog.csdnimg.cn/direct/2ba6f6ee03c34f15954288eef301bbaf.png

再将ArrayBuffer -> blob -> base64

https://i-blog.csdnimg.cn/direct/f1027d364b9c463385c7670d75145547.png