vue处理后端图片乱码问题
后端返回的图片信息是乱码的情况时,前端如何将乱码处理成图片
后端返回的信息如下图:
这是个jpeg格式的二进制流,不是常见的base64,所以需要在前端做一个处理。
state.imgUrl = `data: image/jpeg;base64,${btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))}`
将imgUrl的值放入img标签的src路径下即可。