在电子邮件正文中嵌入图像nodemailer nodejs

Question

我正在遵循nodemailer社区site中使用的方法 但我似乎无法让它工作，因为我收到错误

   Failed to send email { Error: ENOENT: no such file or directory, open 
'./rello-logo-full-svg.svg'
 errno: -2,
  code: 'ESTREAM',
  syscall: 'open',
  path: './rello-logo-full-svg.svg',
  command: 'API' }

nodemailer选项如下

    let mailOptions = {
        from: '<from_email>', 
        to: to_email_address.toString(),
        subject: 'Subject',
        text: 'Hello world', // plain text body
        attachments: [{
          filename: 'rello-logo-full-svg.svg',
          path: './rello-logo-full-svg.svg',
          cid: 'unique@cid'
      }],
        html: emailBody
    };

在 emailBody 变量中，我有一个带有图像标记行的模板字符串，如下所示

<img style="width:250px;" cid:unique@cid>

我可能需要设置 Express 的静态资源还是什么，图像文件与具有上述代码的文件位于同一文件夹中，感谢任何帮助

Answer 1

如果其他人遇到此问题，请在此回复！上面的

__dirname

确实很有帮助，但这是我的代码，用于实际查看电子邮件中嵌入的图像

我的img标签：

<img src="cid:logo">

我的附件片段：

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

Answer 2

所以我通过使用它来工作 ...

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

....

但有趣的是，这不是我想要实现的目标，因为我希望图像出现在电子邮件正文中，但希望这对其他人有帮助。

嘿，我刚刚将文件名从 .svg 更改为 .png，我犯的另一个错误是模板中的图像，我已将其更改为

 <img style="width:250px;" src="cid:unique@cid">

Answer 3

我在 https://community.nodemailer.com/using-embedded-images/ 找到了一个很好的例子。这是帖子

使用嵌入图像

附件可以用作嵌入图像 HTML 正文。要使用此功能，您需要设置附加属性 附件 – cid（文件的唯一标识符） 参考附件文件。必须使用相同的 cid 值 HTML 中的图像 URL（使用 cid: 作为 URL 协议，请参阅示例 如下）。

注意！ cid 值应尽可能唯一！

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

Answer 4

NodeMailer 的 HTML 图像附件

对于 Nodemailer 中的 HTML 模板图像，有几件事 需要考虑或密切关注的是：

attachments: [{
 filename: 'img.png',
 path: __dirname +'/folder/img.png', // path contains the filename, do not just give path of folder where images are reciding.
 cid: 'img' // give any unique name to the image and make sure, you do not repeat the same string in given attachment array of object.
}]

<img src="cid:img" />

在图像标签中，src应包含相关图像的名称 我们给出了附件对象的 cid 属性名称。

重要

如果您看到，很少有图像被视为电子邮件线程的附件，并且您不希望这些图像作为“附件”发送，

Ans: 然后确保您在附件中提供详细信息的图像：[{ ...}] 对象数组都在 HTML 的 img src 上使用。

例如：

   attachment: [{
         filename: 'logo1.png',
         path: '/path/logo1.png',
         cid: 'logo1'
     },
     {
         filename: 'logo2.png',
         path: '/path/logo2.png',
         cid: 'logo2'
    }]



<img src="cid:logo2" />

在这种情况下，logo2 将绑定到 HTML 模板，而 logo1.png 将附加到电子邮件的线程。

Answer 5

从@palash-toshniwal 回来：

我无法让附件不显示在收件箱中，但为了避免在阅读电子邮件时悬停图像时 gmail 中的“下载”和“添加到驱动器”选项，我只是用一个

<img />

标签。<a href="yourURL">