在开发中遇到获取后端验证码图片,但是验证码图片是二进制流的形式,前端不能直接使用。这个时候,可以将二进制流转换成base64格式的,这样前端就可以在img中使用了
<img :src="captchaUrl" @click="getCaptchaUrl" alt="验证码">
具体如何转换见下方代码:
this.captchaUrl =
`data:image/png;base64,${window.btoa(new Uint8Array(res.data).reduce(
(data, byte) => data + String.fromCharCode(byte),
''
))}`
// res.data是二进制流
// 其余直接用即可