页面图片验证码显示（base64图片显示）

 

前端在做登陆的时候经常会遇见输入验证码登陆的问题，一般情况下，后端返回的类似一个流图片，在页面中给图片赋值是不能显示的，想下面这种形式

 

这样的形式通常需要前端处理一下这个流，转成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图片就能正常回显了。（要注意一下你的接口的里面要加一个特殊字段哈）下面图片圈起来的字段。