美文网首页
axios处理后台返回图片流格式数据

axios处理后台返回图片流格式数据

作者: Madrigal_cdfa | 来源:发表于2019-11-18 16:35 被阅读0次

问题:调用后台图片接口,后台返回二进制流图片数据格式。前端接收到流后处理数据显示在img标签.

解决:

1、先设置axios接收参数格式为"arraybuffer"。responseType: 'arraybuffer'

2、转换为base64格式图片数据在img标签显示:

return 'data:image/png;base64,' + btoa(

                new Uint8Array(res.data)

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

              );

返回的string直接放在img标签src可直接显示

相关文章

网友评论

      本文标题:axios处理后台返回图片流格式数据

      本文链接:https://www.haomeiwen.com/subject/jasbictx.html