前端在做登陆的时候经常会遇见输入验证码登陆的问题,一般情况下,后端返回的类似一个流图片,在页面中给图片赋值是不能显示的,想下面这种形式
这样的形式通常需要前端处理一下这个流,转成base64的形式,进行显示,代码如下:
async getInterfaceCode() { let res = await getInterfaceCode(); var data = res.data; this.imgurl ="data:image/png;base64," +btoa(new Uint8Array(data).reduce((data, byte) => data + String.fromCharCode(byte), "")); },
然后将imgurl的地址赋值给img图片就能正常回显了。(要注意一下你的接口的里面要加一个特殊字段哈)下面图片圈起来的字段。
标签:显示,base64,验证码,图片,data,页面 From: https://www.cnblogs.com/lxsunny/p/17551687.html