add image to html mail

Question

I have a PHP Script to send an email using PHP mail.

$mail->AltBody = 'To view the message, please use an HTML compatible email viewer!'; // optional - MsgHTML will create an alternate automatically
$mail->MsgHTML("

<body>
<img src=`hulaminlogo.jpg`>&nbsp;&nbsp;&nbsp;&nbsp;
<br>
<h3>Load Number $loadnumber has been revoked by LOC.</h3><br>
</body>

");
$mail->Send();

The MsgHTML, works correctly however the <img src="hulaminlogo.jpg"> does not display. I have tried with '' as well. " does not work as it ends the value MsgHTML.

How can I correctly format this syntax so the image displays correctly?

symcbean · Accepted Answer · 2012-12-28 10:10:06Z

3

Nikola is correct that adding the full url to the img will alow the client to find and render the content - but by default most browsers won't go fetch content unles explicitly told to do so. Simply adding the iage as an attachment won't help - some MUAs might render it, most won't. There's 2 options for embedding the image within the email.

use mhtml to create a composite MIME attachment (works with MS clients but not much else, requires a lot of re-writing of code)
use data uris (requires a fairly up to date client but only needs minimal changes to your code)

answered Dec 28, 2012 at 10:10

symcbean

48.4k6 gold badges63 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nikola · Accepted Answer · 2012-12-28 10:02:22Z

1

You have to put the full link to the image, so http://yoursite.com/path/hulaminlogo.jpg

answered Dec 28, 2012 at 10:02

Nikola

15.1k21 gold badges107 silver badges171 bronze badges

Comments

Mateusz Rogulski · Accepted Answer · 2012-12-28 10:06:49Z

1

Noticed that, ms outlook have some strange bahaviours. So I suggest you to use only absolute url of your images.

This soolution gives you the best results.

answered Dec 28, 2012 at 10:06

Mateusz Rogulski

7,4638 gold badges47 silver badges63 bronze badges

2 Comments

Smudger Over a year ago

` $mail->MsgHTML(" <body> <img src='domain/images/logo.png'><br> <br> <h3>Load Number $loadnumber has been revokedLOC.</h3><br> </body> ");`

Smudger Over a year ago

sorry @Mateusz Rogulski, think we missed each other there. this does not work. any ideas on how to format the syntax?

Kaspar Mary · Accepted Answer · 2012-12-28 10:08:36Z

1

For email, you need to add URL path to the image <img> src

<img src='http://www.YOUR_SITE.com/hulaminlogo.jpg'>&nbsp;&nbsp;&nbsp;&nbsp;

edited Dec 28, 2012 at 10:08

answered Dec 28, 2012 at 10:03

Kaspar Mary

1262 silver badges11 bronze badges

1 Comment

Kaspar Mary Over a year ago

Use single quotes around the path '

Vit Kos · Accepted Answer · 2012-12-28 10:19:09Z

1

Add the image as an attachment to your message

UPD:

    <body style="margin: 10px;">
<div style="width: 640px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;">
<div align="center"><img src="images/phpmailer.gif" style="height: 90px; width: 340px"></div><br>
<br>
&nbsp;This is a test of PHPMailer.<br>
<br>
This particular example uses <strong>HTML</strong>, with a &lt;div&gt; tag and inline<br>
styles.<br>
<br>
Also note the use of the PHPMailer logo above with no specific code to handle
including it.<br />
Included are two attachments:<br />
phpmailer.gif is an attachment and used inline as a graphic (above)<br />    
<br />
PHPMailer:<br />
Author: Andy Prevost ([email protected])<br />
Author: Marcus Bointon ([email protected])<br />
</div>
</body>

and then you send that

 $mail->MsgHTML(file_get_contents('contents.html'));
 $mail->AddAttachment('images/phpmailer.gif');

that's it

edited Dec 28, 2012 at 10:19

answered Dec 28, 2012 at 10:01

Vit Kos

5,8155 gold badges47 silver badges59 bronze badges

1 Comment

Smudger Over a year ago

Thanks, I added this with $mail->AddAttachment('images/logo.png'); but how do I call it in my <body>?

Collectives™ on Stack Overflow

add image to html mail

5 Answers 5

Comments

Comments

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related