使用 node.js 中的 sendgrid 在电子邮件中发送嵌入的图像

Question

I want to send an email with embedded image from node js using sendgrid. I use the following code

var base64Img = require('base64-img');
const sgMail = require('@sendgrid/mail');
var base64str = base64_encode("logo.png");

function base64_encode(file) {
  var bitmap = fs.readFileSync(file);
  return new Buffer(bitmap).toString("base64");
}
sendMail(["example1@gmail.com"],base64str);
function sendMail(emails,data)
{
sendgrid.send({
      to: emails[0],
      from: 'example2@gmail.com',
      subject: 'Test Mail',
      attachments: [
       {
        filename: "logo.png",
        type : "image/png",
        content: data,
        content_id: "myimagecid",
        disposition : "inline"
       }
     ],
       html:"Please look on the image <img src='content_id:myimagecid'  alt='no image found'/>",

  }, function (err) {
    if (err) {
      response.json({ message: 'Selected but Mail not sended and Error is'+err });
      console.log("Mail error",err);

    } else {
      console.log("Success Mail sended ");
      response.json({ message: 'Selected and Mail sended' });
    }
  });

}

Here I used disposition : "inline" but still the image send as an attachment. Can anyone help me please?

Answer 1

You are defining your file as an attachment, therefore it ends up being that. Instead, you need to define it as a file, and then call it in your html code.

If you read through this article...

https://sendgrid.com/blog/embedding-images-emails-facts/ ,

... you'll see this is actually not a recommended approach. Rather you may want to embed your base64'd image straight into your html.

Answer 2

如果你没有很多图像，你可以使用Inline Embedding

<img alt="My Image" src="data:image/jpeg;base64,/9j/4S/+RXhpZgAATU0AKgAAAAgACAESAAMAENkDZ5u8/61a+X...more encoding" />