javascript - Yodlee getMFAResponse 验证码字节数组

Question

我正在尝试从 Yodlee getMFAResponse 返回的字节数组创建一个编码字符串(看起来像 [-1,0,2,-1] 等)，以便我可以将其用作 HTML 中图像标记的源以显示验证码。 (当试图获取金融机构的图像信息时，这似乎也是一个问题)。

为了实现此目的，我从响应对象中取出字节数组，将其传递给 btoa()，然后将其附加到以 data:image/??? 开头的字符串中。 ;base64，，哪里？？？是文件类型。我尝试过位图、jpeg、png、gif 等，但似乎都不起作用。我还尝试了“魔术字符串”方法来确定格式，但它与我找不到的格式不匹配。我认为主要问题是我不知道文件的格式，但也许我只是没有正确进行解码。

我最终得到了这样的结果:

  data:image/jpeg;base64,NjYsNzcsNTgsMTE2LDAsMCwwLDAsMCwwLDU0LDAsMCwwLDQwLDAsMCwwLC05MSwwLDAsMCw0NSwwLDAsMCwxLDAsMzIsMCwwLDAsMCwwLDQsMTE2LDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtNSwtMSwwLC0xLC0xLC0xLDAsLTksLTksLTksMCwtMSwtNSwtMSwwLC0xLC0xLC0xLDAsLTEsLTUsLTEsMCwtMTcsLTE3LC0xNywwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC05LC0xMywtOSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC05LC05LC05LDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMTcsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDAsLTEsLTEsLTEsMCwtMSwtMSwtMSwwLC0xLC0xLC0xLDA='

我只使用 Javascript，包括服务器端和客户端，并且我不了解 Java(这似乎是大多数 Yodlee 答案所针对的)。我不知道是我对字节数组的解码有问题，还是我不知道正确的图像格式。

Answer 1

我在我的 js 文件上尝试了你的 Base64 字符串。它没有显示图像。我无法访问您的 js 代码 btoa() 。但是，我将我的工作代码粘贴在这里，也许问题在于将 byteArray 转换为 Base64。 (我正在研究使用 c#、angularJS 来使用 Yodlee API)。

 function _arrayBufferToBase64(biteArray) {
    var binary = '';
    var bytes = new Uint8Array(biteArray);
    var len = bytes.byteLength;
    for (var i = 0; i < len; i++) {
        binary += String.fromCharCode(bytes[i]);
    }
    return window.btoa(binary);
}

然后这就是我在 js 文件中使用它来填充 <IMG /> 的方式使用 jQuery:

let captchaImage64 = _arrayBufferToBase64(mfaLoginForm.fieldInfo.image);
                let captchaImage = $('<img />', {
                    src: "data:image/png;base64," + captchaImage64,
                    class: "img img-responsive",
                    style: "margin:auto; max-width:250px; margin-bottom: 15px;"
                });

let captchaContainer = $('<div />', {
                    class: "form-group row",
                    id: "captchaContainer"
                });

captchaContainer.append(captchaImage);