javascript - JSON.stringify 或如何将二进制数据序列化为 base64 编码的 JSON？

Question

我有一个 Javascript 对象，它将由一个带有参数和子对象的非循环对象层次结构组成。其中一些对象可能包含从文件加载或通过 XHR 接收的二进制数据(如果是 Blob、ArrayBuffer 或其他，则尚未定义)。

通常我会使用 JSON.stringify() 将其序列化为 JSON，但我如何才能指定二进制数据将进行 base64 编码？

那你会推荐我什么二进制数据对象(Blob，ArrayBuffer，...)？

编辑:除纯 JSON 之外的其他数据格式不是一种选择。

Answer 1

对于 blob，事先将对象中的 Blob 转换为 base64，然后将对象字符串化更有意义。这是因为没有可靠的方法将 blob 同步转换为 base64，因此替换函数在这里不是一个可行的选择。

const blobToBase64 = (blob) => {
  return new Promise((resolve) => {
    const reader = new FileReader();
    reader.readAsDataURL(blob);
    reader.onloadend = function () {
      resolve(reader.result);
    };
  });
};

(async () => {
  const b64 = await blobToBase64(blob);
  const jsonString = JSON.stringify({blob: b64});
  console.log(jsonString);
})();

从已解析的 JSON 中获取 blob 就像这样简单

const parsed = JSON.parse(jsonString);
const blob = await fetch(parsed.blob).then(res => res.blob());
console.log(blob);