Saltar al contenido

Insertar imagen en el cuerpo del correo electrónico nodemailer nodejs

Mantén la atención ya que en esta división encontrarás el resultado que buscas.

Solución:

¡Respondiendo aquí en caso de que alguien más se encuentre con esto! los __dirname anterior fue realmente útil, pero este es mi código para ver la imagen incrustada en el correo electrónico

Mi etiqueta img:


Fragmento de mis archivos adjuntos:

attachments: [
     filename: 'Logo.png',
     path: __dirname +'/folder/Logo.png',
     cid: 'logo' //my mistake was putting "cid:[email protected]
" here! ]

Así que lo hice funcionar usando …

 path: __dirname + '/rello-logo-full-svg.svg',

….

Pero gracioso, esto no es lo que estaba tratando de lograr porque quería que la imagen estuviera en el cuerpo del correo electrónico, pero espero que esto ayude a alguien más.

Oye, acabo de cambiar el nombre del archivo de .svg a .pngotro error que cometí fue con la imagen de la plantilla, la he cambiado a

 [email protected]">

Encontré un gran ejemplo de esto en https://community.nodemailer.com/using-embedded-images/. Aquí está la publicación

Uso de imágenes incrustadas

Los archivos adjuntos se pueden utilizar como imágenes incrustadas en el cuerpo HTML. Para usar esta función, debe establecer una propiedad adicional del archivo adjunto: cid (identificador único del archivo), que es una referencia al archivo adjunto. Se debe usar el mismo valor de cid como la URL de la imagen en HTML (usando cid: como protocolo de URL, vea el ejemplo a continuación).

¡NÓTESE BIEN! ¡el valor cid debe ser lo más único posible!

var mailOptions = 
    ...
    html: 'Embedded image: [email protected]"/>',
    attachments: [
        filename: 'image.png',
        path: '/path/to/file',
        cid: '[email protected]' //same cid value as in the html img src
    ]

valoraciones y comentarios

Agradecemos que quieras añadir valor a nuestra información asistiendo con tu experiencia en las interpretaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *