Estoy tratando de hacer que IPFS-JS descargue imágenes y las muestre en el navegador. El caso de uso es servir imágenes fuera de la red IPFS y tener un navegador que las obtenga directamente de IPFS, en lugar de mis servidores.

Estoy usando un paquete web para compilar Typescript en JS y ejecutarlo en el navegador, y todo parece estar bien.

Lo que tengo hasta ahora es...

 import {create} from 'ipfs-core' let node = await create({}); let stream = node.cat("QmbEaXd4cy5nuCdLNgnprh2U83cwVgtZE4vFTCCwFkKzsp"); let imageData = ""; for await (const chunk of stream) { imageData += chunk.toString(); } let imageBlob = new Blob([await imageData], {type: "image/png"}); let imageURL = URL.createObjectURL(imageBlob); let imageObject = new Image(); imageObject.src = imageURL; document.getElementById("browserImg")!.appendChild(imageObject);

Pero cuando ejecuto esto en el navegador, puedo ver que el archivo se está descargando, y muestra lo que parece un archivo PNG binario cuando hago un archivo console.log(imageData); Pero en la ventana del navegador, aparece el ícono de la imagen rota, en lugar de la imagen que se descargó. No estoy seguro de dónde está la rotura, ya que parece que realmente no se ha producido ningún error.

Agradezco cualquier consejo o pasos de depuración que puedan proporcionar.