无法在 javascript 中解码 base64答案

【问题标题】：Failed to decode base64 in javascript无法在 javascript 中解码 base64
【发布时间】：2018-04-23 21:21:52
【问题描述】：

我收到id_token 作为我当前href 的一部分。它以 base64 编码。我尝试使用atob(extractedIdToken) 对其进行解码，但出现以下错误：

在 'Window' 上执行 'atob' 失败：要解码的字符串没有正确编码

当我将提取的id_token 复制并粘贴到我的代码中并转到在线解码站点时，它可以正确解码。你有什么建议吗？

【问题讨论】：

您能否在问题的 stacksn-ps 中包含该字符串并重现错误消息？见stackoverflow.com/help/mcve
见：stackoverflow.com/questions/22578530/…
我通过在后端编写解码器并将其称为前端解决了我的问题。最后看我的回答。
然后，前端也解决了这个问题。只需在下面查看我的第二个答案。

标签： javascript base64 decoder

【解决方案1】：

我一直用这个在Base64中解码和编码，试试看

var Base64 = {
    _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
    encode: function (e) {
        var t = "";
        var n, r, i, s, o, u, a;
        var f = 0;
        e = Base64._utf8_encode(e);
        while (f < e.length) {
            n = e.charCodeAt(f++);
            r = e.charCodeAt(f++);
            i = e.charCodeAt(f++);
            s = n >> 2;
            o = (n & 3) << 4 | r >> 4;
            u = (r & 15) << 2 | i >> 6;
            a = i & 63;
            if (isNaN(r)) {
                u = a = 64
            } else if (isNaN(i)) {
                a = 64
            }
            t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a)
        }
        return t
    },
    decode: function (e) {
        var t = "";
        var n, r, i;
        var s, o, u, a;
        var f = 0;
        e = e.replace(/[^A-Za-z0-9+/=]/g, "");
        while (f < e.length) {
            s = this._keyStr.indexOf(e.charAt(f++));
            o = this._keyStr.indexOf(e.charAt(f++));
            u = this._keyStr.indexOf(e.charAt(f++));
            a = this._keyStr.indexOf(e.charAt(f++));
            n = s << 2 | o >> 4;
            r = (o & 15) << 4 | u >> 2;
            i = (u & 3) << 6 | a;
            t = t + String.fromCharCode(n);
            if (u != 64) {
                t = t + String.fromCharCode(r)
            }
            if (a != 64) {
                t = t + String.fromCharCode(i)
            }
        }
        t = Base64._utf8_decode(t);
        return t
    },
    _utf8_encode: function (e) {
        e = e.replace(/rn/g, "n");
        var t = "";
        for (var n = 0; n < e.length; n++) {
            var r = e.charCodeAt(n);
            if (r < 128) {
                t += String.fromCharCode(r)
            } else if (r > 127 && r < 2048) {
                t += String.fromCharCode(r >> 6 | 192);
                t += String.fromCharCode(r & 63 | 128)
            } else {
                t += String.fromCharCode(r >> 12 | 224);
                t += String.fromCharCode(r >> 6 & 63 | 128);
                t += String.fromCharCode(r & 63 | 128)
            }
        }
        return t
    },
    _utf8_decode: function (e) {
        var t = "";
        var n = 0;
        var r = c1 = c2 = 0;
        while (n < e.length) {
            r = e.charCodeAt(n);
            if (r < 128) {
                t += String.fromCharCode(r);
                n++
            } else if (r > 191 && r < 224) {
                c2 = e.charCodeAt(n + 1);
                t += String.fromCharCode((r & 31) << 6 | c2 & 63);
                n += 2
            } else {
                c2 = e.charCodeAt(n + 1);
                c3 = e.charCodeAt(n + 2);
                t += String.fromCharCode((r & 15) << 12 | (c2 & 63) << 6 | c3 & 63);
                n += 3
            }
        }
        return t
    }
};

【讨论】：

请停止添加它，这不是 JSON，它是一个 JavaScript 对象。
Answer 中的代码如何解决问题？答案中的代码是从 SO 的现有答案中复制/粘贴的吗？
对不起，这个函数只获取字符串返回字符串，你的问题似乎是使用blob。或许这里有答案stackoverflow.com/questions/39490904/…

【解决方案2】：

感谢大家的回答。我最终使用 java 包将 Base64 解码过程移至 Java 后端：java.util.Base64。

【讨论】：

【解决方案3】：

在我的情况下，问题在于编码的字符串应该被视为段。只需用分隔符“。”分隔代码即可。或无论您的情况如何。然后，仅分别解码不同的部分。这解决了我的问题，我能够使用 window.atob() 进行解码。希望这会有所帮助。

【讨论】：