Tengo un objeto que contiene una matriz anidada de objetos, cada uno de los cuales contiene búferes de imágenes jpeg: -

 const imageBufferObject1 = { id: "123456-001", buffer: "...Uint8Array" }; const imageBufferObject2 = { id: "123456-002", buffer: "...Uint8Array" }; const mediaObject = { id: "123456", mediaBufferArray: [ imageBufferObject1, imageBufferObject2, ... imageBufferObject200, ], };

He convertido con éxito el objeto en un blob para almacenarlo en una base de datos:

 const mediaObjectBlob = new Blob([JSON.stringify(mediaObject)])

... y lo guardó como un Blob.

Al recuperarlo de la base de datos, obtengo lo siguiente en el lado del cliente:

 fetchedBlob: Blob {size: 1249513, type: 'application/octet-stream'} size: 1249513 type: "application/octet-stream"[[Prototype]]: Blob arrayBuffer: ƒ arrayBuffer() size: (...) slice: ƒ slice() stream: ƒ stream() text: ƒ text() type: (...) constructor: ƒ Blob() Symbol(Symbol.toStringTag): "Blob"get size: ƒ size() get type: ƒ type()[[Prototype]]: Object

Estoy tratando de extraer el Objeto JS original del Blob usando lo siguiente:

 const retrievedObject = JSON.parse(fetchedBlob)

pero solo obtengo lo siguiente cuando console.log :

 Blob {size: 1249513, type: 'application/octet-stream'}

Pregunta: ¿Cómo extraigo el objeto JS original para poder acceder a mediBufferArray?

Por favor ayuda.