Tengo un archivo de imagen codificado como así:

 const file = new File(["large base64 encoding in string"], "foo.txt", { type: "img/png", });

Paso este archivo a URL.createobjecturl() así:

 var imageUrl = URL.createObjectURL(file)

Sin embargo, cuando registro la variable imageUrl , no abre la imagen correcta, sino que abre una página aparentemente en blanco como esta:

¿Por qué sucede esto y cómo puedo solucionarlo? Siento que tiene algo que ver conmigo codificando la codificación base 64 para la imagen o el hecho de que la codificación base 64 está en una cadena.