Estoy tratando de empaquetar varios datos png en formato base64.

El código se ejecuta en el cliente y se supone que genera un archivo zip para descargar con archivos png. El siguiente código funciona bien, excepto que todos los png en el zip están "corruptos".

Deduzco que no están en el formato correcto cuando se pasan al zip del cliente. Aunque no he podido encontrar cómo convertirlos y empaquetarlos de la manera correcta, también incluyo los metadatos como en los ejemplos de texto que encontré en línea.

¿Cuál es la forma correcta de convertir y empaquetar estos archivos?

Mirando lo obvio, a continuación, cada content variable contiene una cadena de la forma:

"data:image/png;base64,iVBORw0KGgoAA..."

 function addImageData(index){ let fileName = "file_".concat(timePoints[index].concat(".png")); let content = o.png(); snapshotArray.push({ name: fileName, lastModified: new Date(), input: content }); } async function downloadMyZip() { const blob = await downloadZip(snapshotArray).blob() const link = document.createElement("a") link.href = URL.createObjectURL(blob) var today = new Date(); link.download = "images_".concat(today.toString()).concat(".zip") link.click() link.remove() }