个人中心
gpt4 book ai didi

javascript - 将 HTML 图片添加到 Google Apps 脚本中

转载 作者：行者123 更新时间：2023-12-03 07:35:10 25 4
gpt4 key购买 nike

我正在使用 Google Apps 脚本创建一个自动电子邮件系统，以便在提交表单时向受访者发送电子邮件。我在该项目中创建了另一个 HTML 文件，其中包含电子邮件正文的 HTML 格式。我使用 html 格式制作了一个表格，其中包含我的消息并包含图像。

我尝试运行该项目，但当我的 HTML 文件包含图像时它不起作用，但当我从 HTML 文件中删除图像时它起作用。因此，我怀疑是该图像导致 HTML 文件和项目无法工作。我不确定如何将图像包含在我的 HTML 文件中，同时又能够工作。

function sendEmails(e) {

     var UserName = e.values[1];

     var UserEmail = e.values[3];

     var dateday = e.values[0];

     var pic = HtmlService.createTemplateFromFile("ccontent"); 

     var pin = e.values[2];

     var subject = "[LFR] Application Succeed!";

     var bodymessage = "Hi " + UserName + 

     "\n\n\n\nThank you for sending in your job application on " + dateday + " at" +
     "\n\nThe following is your Purchase Log Pin:\n" + pin +
     "\n\n\n\nBest Regards" +
     "\nLeoFresh Resorts OOA Team\n";

  MailApp.sendEmail(UserEmail, subject, "", 
                    { 
                      htmlBody: pic.evaluate().getContent() });
}

以下是我的电子邮件项目中的 HTML 文件，其文件名是“ccontent”。我正在尝试使用表格内的图像和示例文本来尝试此操作，但这是行不通的。 

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;    
}
</style>
</head>
<body>


<table height='200' width='400'>

    <th><img src="http://i67.tinypic.com/2yydv2o.jpg" border="0" alt="error" width=500" height=100" align="middle"></th>


  <tr>
    <td>This is just to test whether it works with an image inside the table</td>

  </tr>
</table>

</body>
</html>

最佳答案

我不明白您为什么使用 HTMLService 类来创建邮件正文。创建模板并将其评估为“Apps 脚本的另一部分”的过程非常容易出错。并不是说它不起作用，但有一个更简单的方法:

您可以使用 htmlBody 参数在邮件正文中直接使用 HTML 标记:请参阅MailApp文档。有一个关于内嵌图像的很好的例子。

但是，您需要使用内联样式，因为 GMail(这是 MailApp 类背后的服务)剥离 <style>显示的任何邮件中的标签。

示例(我真的不知道如何用 " 替换所有 ' - 也许转义 " 会更好，因为 HTML 通常使用 " ) :

<table height='200' width='400' style='border: 1px solid black;
border-collapse: collapse;'>

    <th style='border: 1px solid black;
border-collapse: collapse; padding: 5px;
text-align: left;'><img src='yourImageBlobSource' border='0' alt='error' width='500' height='100' align='middle'></th>


  <tr>
    <td style='border: 1px solid black;
border-collapse: collapse; padding: 5px;
text-align: left;'>This is just to test whether it works with an image inside the table</td>

  </tr>
</table>

关于javascript - 将 HTML 图片添加到 Google Apps 脚本中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35645720/

25 4 0
文章推荐： javascript - Datepicker getDate 方法在第二次单击时起作用并显示先前选择的日期
文章推荐： SwiftUI NavigationLink 隐藏箭头
文章推荐： firebase - Firebase存储工件很大，并且还在不断增加
文章推荐： javascript - 通过引用将服务中对象的值绑定(bind)到 Controller 中的对象
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com