Decodificar img src en base64 al imprimir por pantalla.

[jurassicboy]

Buenos días compañeros!

A ver si alguien me puede guiar un poco sobre como hacerlo. Hago un readfile de un fichero .html para mostrarlo dentro de un textbox. El problema es que ese fichero .html tiene imágenes codificadas en base64, ¿cómo puedo hacer que cuando ejecute readfile($mificherohtml) a la vez decodifique esas imágenes que estan en base64?

Me cuelga el navegador, pues las imágenes en base64 son muy pesadas.

Muchas gracias de antemano.

[Aijoona]

Estás dando poca información de como lo implementaste, muy dificil ayudarte.

Por otro lado, cuantas imagenes son? que tamaño tienen? Algo mal debes estar haciendo para que te cuelgue el browser.

[jurassicboy]

Gracias por responder Aijoona. La verdad, es difícil de explicar.

Se trata de un editor html (ckeditor), el usuario puede crear un .html a través de un textarea y guardarlo. Los archivos .html se guardan perfectamente, el problema viene al "abrir documento" que ya se ha generado para editarlo de nuevo en caso de que el usuario quiera añadir algun cambio. Al hacer readfile dentro del textarea el navegador se cuelga (he probado a hacerlo fuera del textarea y lo abre correctamente).

Las imágenes son aleatorias, el usuario puede insertar el número de imágenes que quiera.

Las imágenes sin codificar funcionan perfectamente. El problema viene cuando "arrastra y pega" algunas imágenes de otras webs en el editor y éstas estan codificadas en base64, entonces me he fijado en que la dirección del enlace de img src es inmensa. Las imágenes en sí no sobrepasan los 250kb cada una, lo que pesa es el código generado por base64.

Por eso he llegado a la conclusión de que el problema es que el textárea no soporta tantas líneas de código creadas por la encriptación en base64. Para solucionarlo he pensado en decodificar las líneas que contienen ese código en base64 y mostrar ese resultado. Lo ideal sería que pudiera hacer algo como: readfile(base64_decode_solo_de_los_img_src($conten ido_de_mi_ficherohtml));

Pero no sé si es posible.

Muy agradecido.

[Aijoona]

Bueno, si ese es el caso mi recomendación es que hagas un parser que reemplace tus imágenes con data uris por imagenes reales.

Dado el input:

Código HTML:

<img class="result" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEW/v7////+Zw/90AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=">
 

Devolver:

Código HTML:

<img class="result" src="/path/to/images/id">
 

Además, obviamente de crear la imagen correspondiente en base al string en base64. Para obtener una imagen de dicho string podes usar algo como esto:

Código PHP:

/**
     * Recibe un image uri y lo convierte en
     * el binario correspondiente
     *
     * @param $blob
     * @return bool|string
     */
    private function base64ToImage($blob) {
        $parts = explode(',', $blob);
        $blob = end($parts);
 
        $blob = base64_decode($blob);
 
        // Validaciones de seguridad
        if (!$this->isValidImageContent($blob)) {
            return false;
        }
 
        return $blob;
    }
 

El parser en este caso puede ser una función con unas pocas expresiones regulares, no debería complicarte demasiado.

[jurassicboy]

Muchas gracias compañero, en cuanto tenga un momento intentaré hacer el parser.