如何使用MailApp在电子邮件中包括内联图像 [英] How to include inline images in email using MailApp

问题描述

我有一个简单的MailApp以HTML格式发送文本。我的小问题是：如何在该文本中插入内联图像？例如，我想为荷兰语文本添加荷兰语标志，并为法语内容添加法语标志。

我假设使用HTML代码就可以完成这项工作。但唉，没有这样的运气。这只是我需要的一个微小的图像，没有大的图像下面的内容。如何实现这一点？

  MailApp.sendEmail（mailaddress，subject，，
 {htmlBody：bodyNL + bodyFR}）
  

解决方案

这个工作原理的关键是：

• HTML < img> 电子邮件正文中的标签使用 src ='cid：[name]'引用附加的图像。这些是Content-ID 通用资源定位符，它引用了多部分电子邮件的部分内容。


• 您可以在< img> 标签中使用内联样式告诉邮件客户端如何显示它们。例如，我们已经缩放附加的图像。 （注意：使用需要确切尺寸的自定义图像会浪费更少。）



• 当电子邮件编码为发送时，每个附加的图像将自己标有 cid 的部分，您可以在 inlineImages 对象中提供。此对象是 sendMail（）方法的高级参数对象的一部分。

  
  
  

  这里，我们有两个 cid s， nlFlag 和 frFlag a href =https://developers.google.com/apps-script/reference/base/blob =nofollow noreferrer>文件 Blob 。

    inlineImages：
   {
   nlFlag：nlFlagBlob，
   frFlag：frFlagBlob 
  } 
    




• 可以以许多方式获取文件blob;这里我们使用 UrlFetchApp.fetch（）从WikiMedia获取二进制图像，然后将其转换为blob并设置用于附加的blob的名称。

代码：

  / ** 
 *发送带有内联图片的HTML电子邮件的示例。 
 *来自：http://stackoverflow.com/a/37688529/1677912 
 * / 
函数sendInlineImages（）{
 var mailaddress = Session.getActiveUser（）。getEmail ）; 
 var subject =test inline images; 
 var bodyNL =这是< B> DUTCH< / B>文本。 
 var bodyFR =这是< B> FRENCH< / B>文本。 
 
 // CC许可下的图像URL 
 var nlFlagUrl =https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Flag_of_the_Netherlands.png/320px- Flag_of_the_Netherlands.png; 
 var frFlagUrl =https://upload.wikimedia.org/wikipedia/en/thumb/c/c3/Flag_of_France.svg/320px-Flag_of_France.svg.png; 
 
 //将图像作为blob获取，为附件设置名称
 var nlFlagBlob = UrlFetchApp 
 .fetch（nlFlagUrl）
 .getBlob（）
 .setName （ nlFlagBlob）; 
 var frFlagBlob = UrlFetchApp 
 .fetch（frFlagUrl）
 .getBlob（）
 .setName（frFlagBlob）; 
 
 //为电子邮件准备嵌入的图像标签
 bodyNL =< img src ='cid：nlFlag'style ='width：24px; height：16px;'/> + bodyNL; 
 bodyFR =< img src ='cid：frFlag'style ='width：24px; height：16px;'/> + bodyFR; 
 
 //发送带有inlineImages对象的消息，匹配嵌入的标签。 
 MailApp.sendEmail（mailaddress，subject，，
 {htmlBody：bodyNL +< BR />< BR />+ bodyFR，
 inlineImages：
 {
 nlFlag：nlFlagBlob，
 frFlag：frFlagBlob 
} 
}）; 
 
} 
  

I have a simple MailApp to send text in HTML format. The small question I have is: How do I insert inline images in that text? For example, I want to add a Dutch flag for the Dutch text, and a French flag for the French content.

I assumed just using HTML code would do the job. But alas, no such luck. It's just a tiny image I need, no big images below the content. How can I accomplish this?

MailApp.sendEmail(mailaddress, subject, "" ,
              { htmlBody: bodyNL + bodyFR })

解决方案

The documention for sendEmail(message) shows how to add two logos to an email as inline images.

Here's an adaptation from Google's example that will prepend your text blocks with their locale flags. It uses images from Wikimedia, which are freely licensed under Creative Commons.

The keys to how this works are:

• HTML <img> tags in the email body use src='cid:[name]' to reference attached images. These are Content-ID Universal Resource Locators, which reference parts of multipart email messages.
• You can use inline style on the <img> tags to tell the mail client how to display them. For example, we've scaled the attached images. (Note: it would be less wasteful to use custom images that are the exact size needed.)

• When the email is encoded for sending, each attached image will be in its own part, labelled with the cid you've provided in the inlineImages object. This object is part of the advanced parameters object for the sendMail() method.

  Here, we have two cids, nlFlag and frFlag, each associated with a file Blob.

  inlineImages:
  {
    nlFlag: nlFlagBlob,
    frFlag: frFlagBlob
  }
  

• File blobs can be obtained in many ways; here we've used UrlFetchApp.fetch() to get the binary images from WikiMedia, then converted them to blobs and set the name of the blob for attaching.

Code:

/**
 * Example of sending an HTML email message with inline images.
 * From: http://stackoverflow.com/a/37688529/1677912
 */
function sendInlineImages() {
  var mailaddress = Session.getActiveUser().getEmail();
  var subject = "test inline images";
  var bodyNL = "This is <B>DUTCH</B> text.";
  var bodyFR = "This is <B>FRENCH</B> text.";

  // Image URLs, under CC license
  var nlFlagUrl = "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Flag_of_the_Netherlands.png/320px-Flag_of_the_Netherlands.png";
  var frFlagUrl = "https://upload.wikimedia.org/wikipedia/en/thumb/c/c3/Flag_of_France.svg/320px-Flag_of_France.svg.png";

  // Fetch images as blobs, set names for attachments
  var nlFlagBlob = UrlFetchApp
                            .fetch(nlFlagUrl)
                            .getBlob()
                            .setName("nlFlagBlob");
  var frFlagBlob = UrlFetchApp
                            .fetch(frFlagUrl)
                            .getBlob()
                            .setName("frFlagBlob");

  // Prepend embeded image tags for email
  bodyNL = "<img src='cid:nlFlag' style='width:24px; height:16px;'/>" + bodyNL;
  bodyFR = "<img src='cid:frFlag' style='width:24px; height:16px;'/>" + bodyFR;

  // Send message with inlineImages object, matching embedded tags.
  MailApp.sendEmail(mailaddress, subject, "",
                    { htmlBody: bodyNL + "<BR/><BR/>" + bodyFR,
                      inlineImages:
                      {
                        nlFlag: nlFlagBlob,
                        frFlag: frFlagBlob
                      }
                    });

}

这篇关于如何使用MailApp在电子邮件中包括内联图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！