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

我的问题是什么是正确的 array to base64 函数以及什么是正确的 base64 to array function？

Answer 1

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

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

You can read more here:

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

Proper way to encode arrayBuffer to Base64 and vice-versa

javascript

base64