javascript - 将 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是否确实正确，我需要将base64转换回arrayBuffer 然后将其输入到 sourceBuffer 中进行显示。这段代码的问题在于，base64 不起作用，事实上它在 _base64ToArrayBuffer 函数中抛出 InvalidCharacterError: String contains an invalid character 。

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;
}

我的问题是什么是正确的数组到base64函数以及什么是正确的base64到数组函数？

Answer 1

您的基本 64String 包含 data:[<mediatype>][;base64],<data>在开始时，所以您需要在那之后获得其他所有内容。

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

You can read more here: