将 arrayBuffer 编码为 Base64 的正确方法，反之亦然

Question

我有这个代码：

var bufferPromise = e.data.arrayBuffer();
                    bufferPromise.then(function(array){
                        var base64chunk = _base64ArrayBuffer(array)
                        var base64_string = 'data:video/webm;base64,' + base64chunk
                        console.log(base64_string)
                        var arr = _base64ToArrayBuffer(base64_string)
                        sourceBuffer.appendBuffer(arr);
                        //sourceBuffer.appendBuffer(new Uint8Array(array)); // works!
                    })

我需要将此代码中的array缓冲区转换为 base64，并且为了测试 base64 是否确实正确，我需要将arrayBuffer转换为显示sourceBuffer ，然后将其反馈到源缓冲区然后显示这段代码的问题是 base64 不工作实际上它抛出InvalidCharacterError: String contains an invalid character at the _base64ToArrayBuffer function。

function _base64ToArrayBuffer(base64) {
    var binary_string = window.atob(base64);
    var len = binary_string.length;
    var bytes = new Uint8Array(len);
    for (var i = 0; i < len; i++) {
        bytes[i] = binary_string.charCodeAt(i);
    }
    return bytes.buffer;
}

我的问题是什么是Z95A1446A7120E4AF5C0C8878BB7E6D2Z ZC1C1C425268E68E68385D174C174C174C174C174F14F14F14F14F14F14F14F14F14F14F14F14F14F14F14F14F14F14F14F14F14F和什么是正确的Z95A1446A71208888888888888888888888888888888880CNEMENYEZNEYE太平洋888.AB78888888880C710C71C8880C710C71C8888点，

Answer 1

您的 base 64String 在开头包含data:[<mediatype>][;base64],<data> ，因此您需要在此之后获取其他所有内容。

你可以试试这个 var myBase64 = str.split('base64,')[1]; 然后做你的检查。

你可以在这里阅读更多：