imagenes embebidas tinyMCE al enviar correo phpmailer

summerblack · #1 (**permalink**) 09/08/2013, 08:42

Hola compadres, tengo un problema que me ha sacado mas de un dolor de cabeza..
Resulta que tengo una aplicación que enviar correos de maravilla, estoy usando la clase phpmailer para el envio de correos, y estoy usando el tinyMCE para editar el contenido del correo,

El tinyMCE, tiene un textarea donde se agrega e contenido html que se va editando y en sus herramientas tiene un boton para agregar una imagen
la imagen esta guardada en una direccion como esta

http://mi.servidor.com/apps/elements/files/imagen.png

cuando le doy agregar imagen la imagen se agrega de manera correcta en el textarea de tinymce pero cuando la envio,el correo se envia pero la imagen no llega y me di cuenta es porque coge media ruta

/elements/files/imagen.png

Estuve investigando y dice que para enviar imagenes embebidas en el correo se debe usar la funcion
$mail->AddEmbeddedImage

pero como hago para pasarle los parametros si se trata del formato que se envia en el textarea del tiny?? y como hago si se envian por ejemplo 5 imagenes?? Alguna ayudita seria genial ya que no se que mas hacer o como normalmente los desarrolladores resulven este percance.. gracias!!

Nemutagk · #2 (**permalink**) 09/08/2013, 09:36

Lo mejor que puedes hacer es generar la ruta completa para que al abrir el correo se descargue del servidor ya que es mucho mas facil, en todo caso si aún quieres agregar la imagen como archivos adjuntos debes "parsear" el contenido del email para sustraer el nombre de la imagen para poder agregarlo como archivo adjunto, para eso puedes usar expresiones regulares, aparte de eso debes cambiar la ruta de la imagen para que el navegador/cliente sepa que se refiere a una imagen dentro del email...

Código PHP:

Ver original$html = <<<HTML
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p><img src="/elements/files/imagen1.jpg" alt=""></p>
    <p><img src="/elements/files/imagen2.jpg" alt=""></p>
    <p><img src="/elements/files/imagen3.jpg" alt=""></p>
    <p><img src="/elements/files/imagen4.jpg" alt=""></p>
    <p><img src="/elements/files/imagen5.jpg" alt=""></p>
</body>
</html>
HTML;
 
preg_match_all('/\/elements\/files\/(([a-zA-Z0-9_.-]+).(png|jpg|jpeg))/',$html,$imagenes);
 
$mail = new PHPMailer();
 
foreach($imagenes[0] as $img) {
    if (file_exists($img)) {
        /*
         * aqui asegurate que el tipo de imagen corresponda al de la imagen
         * ya que si no fallará, si es png debe ser imagen/png, si es bmp image/bmp o image/x-bmp
         */
        $tipo = 'image/jpeg';
        $mail->AddEmbeddedImage($img,'cid','name','base64',$tipo);
    }
}

Por ultimo, también debes cambiar el HTML final, cambiando la ruta de la imagen por el CID de la imagen, OJO, MUY IMPORTANTE, cada imagen debe tener un CID único!

Código HTML:

Ver original<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p><img src="cid:imagen1" alt=""></p>
    <p><img src="cid:imagen2" alt=""></p>
    <p><img src="cid:imagen3" alt=""></p>
    <p><img src="cid:imagen4" alt=""></p>
    <p><img src="cid:imagen5" alt=""></p>
</body>
</html>

summerblack · #3 (**permalink**) 09/08/2013, 11:10

wow muchas gracias por la respuesta, bueno lo que mas me llamo la atencion fue completar la url jejej sin embargoes una salida rapida, y si se cambia de servidor no va a funcionar para otros,Sin embargo para cabiar el CID de la imagen debo hacerlo manualmente? teniendo en cuenta que el usuario final no sabe nada de html.. perdon mi ignorancia y muchas gracias por la respuesta

Nemutagk · #4 (**permalink**) 09/08/2013, 11:34

Puedes automatizarlo, pero no esperes que te haga todo el código, puedes usar preg_replace() usando el patrón que deje en mi código anterior, y solo tomando el nombre de la imagen como CID, pero ojo de nuevo, cada imagen (diferente) debe tener su propio CID, por lo tanto deben tener diferente nombre, aun si están en diferentes carpetas...

summerblack · #5 (**permalink**) 09/08/2013, 13:02

jeje ok muchas gracias!!