Issues sending an email with an image in the body

Hello,

I want to send an email with an image in the body. I can’t seem to find any documentation on how to accomplish this. If there is any documentation where would I find it? I tried sending both the file itself from where it is stored on my computer in the email and in a base64 format, neither have worked.

Any direction would be greatly appreciated .

Thank you!

Here is my code

function congratulationsTemplate(message){
  // This line grabs the image I have stored in an uploads folder inside my directory
 // This approach isn't working and I tried sending it in a base64 format and that isn't working either.
  var image = path.join(__dirname, "../uploads/"+message.file).toString();
  var data ={
    from:'',
    to:'',
    subject: message.title,
    html: "<h1>Hello World</h1><p>Here is an image:<br/> <img src='+image+'/></p>",
    attachment: image
  };

  mailgun.messages().send(data, function (error, body) {
    if(error) throw error;
    console.log("Message Sent!");
  });
}

[captDaylight]

@ptums all of that looks good, except instead of: src="cd:mailgun_logo.png" you need src="cid:mailgun_logo.png"

Also, for anyone else coming here, the same logic works for multiple images by just putting the filenames in an array: inline: [filenameone, filenametwo]

[ptums]

Thank you! This worked. It may help to edit this example to show people trying to add an inline image what the code should look like in the html key.

For example

var filename = path.join(__dirname, '/mailgun_logo.png');
var data ={
from: ...,
to: ...,
subject: ...,
html: '<div><img src="cd:mailgun_logo.png"/><h1>Thank you for choosing Mailgun!</h1></div>';
inline:filename
}