javascript - 将 arrayBuffer 编码为 Base64 的正确方法,反之亦然

标签 javascript base64

我有这个代码:

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到数组函数

最佳答案

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

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

You can read more here:

关于javascript - 将 arrayBuffer 编码为 Base64 的正确方法,反之亦然,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61037923/

相关文章:

javascript - Ant 目标依赖于 gulp 任务

javascript - 相当于 Lodash _.get 和 _.has 的下划线

javascript - 如何在另一个页面上使用返回的 AJAX 数据

javascript - Nativescript:用黑色空间代替照片缩略图

react-native - 尝试从 react-native 中的 wav 文件创建 base64 字符串以存储在服务器上

ios - 在 iOS 上将 UIImage 编码为 base64 字符串

javascript - 根据 GPS 坐标更新谷歌地图位置

Javascript 语法错误 - 我是个菜鸟,看不到它

python - 我想将base64转换为json

python - 将 Base64 字符串解码为字节数组