JSON.stringify 或如何将二进制数据序列化为 base64 编码的 JSON
JSON.stringify or how to serialize binary data as base64 encoded JSON?
我有一个Javascript对象,它将由一个带有参数和子对象的非循环对象层次结构组成。其中一些对象可能包含从文件加载或通过 XHR 接收的二进制数据(如果 Blob、ArrayBuffer 或其他内容尚未定义)。
通常我会使用 JSON.stringify() 将其序列化为 JSON,但是我如何指定二进制数据将被 base64 编码?
那你会推荐我什么二进制数据对象(Blob,ArrayBuffer,...)呢?
编辑:除纯JSON以外的其他数据格式不是一种选择。
对于 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 确实有两个可能的解决方案:
a) 调用的替换函数,用于决定如何序列化值。
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" }'
如果这也适合您,请转发此评论。
相关文章:
- 使用JSON序列化图论树的解决方法
- VB.Net JSON 序列化格式
- JSON 序列化 - 如何取消属性值的引号
- 字符串化和解析 JSON(序列化对象结构)和反序列化,将 JSON 字符串转换为对象结构
- DateTime.Min JSON 序列化不正确
- 为JSON序列化以html形式生成数组时出现问题
- javascript中的JSON序列化和php反序列化
- javascript对象的服务器端类型是什么,使用JSON序列化客户端,通过ajax调用传递
- 重写单曲的Newtonsoft.Json序列化
- Javascript 和 Java Date JSON 序列化
- Json序列化器vs .net序列化类的JQuery AJAX结果数据
- 在JavaScript中,是否有一个词来描述可json序列化的对象
- 从JSON序列化的django对象访问字段值
- 如何解决javascript中使用引号的c# Json序列化解析
- Ember.js改变RESTAdapter JSON序列化
- Web2py: json序列化器和javascript有关于python字符串引号的问题
- JSON序列化忽略loadFromJSON之后fabric.js中的自定义属性
- 在json序列化过程中忽略对象属性
- 无法解析json序列化字符串与mongodb对象id以及""
- 重建JSON序列化的对象