关于后台返回的二进制图片流的转换

1，后台返回的图片流

"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"

 2，前端需转换成base64的格式才能在页面上渲染出来

2.1转换后

data:image/gif;base64,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

data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据