Question

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

通常我会使用JSON.stringify（）将其序列化为JSON但是如何指定二进制数据将是base64编码的呢？

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

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

Answer 1

JSON.stringify确实有两个可能的解决方案：

a）调用replacer函数来决定如何序列化值。

function replacer(key, value) {
  if (typeof value === "string") {
    return undefined;
  }
  return value;
}

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};

var jsonString = JSON.stringify(foo, replacer);

b）为对象定义toJSON()成员函数。

var obj = {
  foo: 'foo',
  toJSON: function () {
    return '{ "foo": "' +  + '" }';
  }
};
JSON.stringify(obj);      // '{ "foo": "Zm9v" }'

如果对您有用，请发送this评论。

Answer 2

对于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);

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

2 个答案: