vue项目登录后台返回图片验证码转换问题

一、后台返回二进制流文件数据,如下:
在这里插入图片描述
前端转换格式并显示图形验证码:

this.loginForm.code = 'data:image/png;base64,' +
        btoa(new Uint8Array(res.data.image).reduce((data, byte) => data + String.fromCharCode(byte), '' ))

二、后台返回ArrayBuffer转base64,后台流转图形验证码.
a.后台返回如下:
![在在这里插入图片描述

b.前端转换格式并显示图形验证码:

        var binary = ''
        var bytes = new Uint8Array(res.data)
        for (var len = bytes.byteLength, i = 0; i < len; i++) {
          binary += String.fromCharCode(bytes[i])
        }
        var codes = JSON.parse(binary)
        this.loginForm.code = 'data:image/png;base64,' + codes.data.image


版权声明:本文为qq_41283061原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。