用于发送带有附件的电子邮件的 GMAIL API

Posted 2023-03-15

【中文标题】用于发送带有附件的电子邮件的 GMAIL API

【英文标题】：GMAIL API for sending Email with attachment

【发布时间】：2015-10-25 09:01:00

【问题描述】：

我正在开发一个能够读取包含图像 url 列表的 CSV 的 javascript 客户端。

我可以通过 jquery-csv 读取 csv 并在 html5 画布中绘制每个图像。

下一步是为每个图像应用一个文本层，并使用 gmail api 通过电子邮件发送图像。

所以我的困难是找到一个示例，向我展示如何使用画布并将其附加到仅使用 javascript 的电子邮件中。

我是否必须根据 multipart gmail 指南构建 json 并按照指定的 POST 正文发送？

你能给我一些例子吗？

【问题讨论】：

你想发送画布吗？ png 图像？

是的...可以即时完成吗？或者什么......但主要...... javascrip gmail api 使用怎么样？

【参考方案1】：

// Get the canvas from the DOM and turn it into base64-encoded png data.
var canvas = document.getElementById("canvas");
var dataUrl = canvas.toDataURL();

// The relevant data is after 'base64,'.
var pngData = dataUrl.split('base64,')[1];

// Put the data in a regular multipart message with some text.
var mail = [
  'Content-Type: multipart/mixed; boundary="foo_bar_baz"\r\n',
  'MIME-Version: 1.0\r\n',
  'From: [e-mail]\r\n',
  'To: [e-mail]\r\n',
  'Subject: Subject Text\r\n\r\n',

  '--foo_bar_baz\r\n',
  'Content-Type: text/plain; charset="UTF-8"\r\n',
  'MIME-Version: 1.0\r\n',
  'Content-Transfer-Encoding: 7bit\r\n\r\n',

  'The actual message text goes here\r\n\r\n',

  '--foo_bar_baz\r\n',
  'Content-Type: image/png\r\n',
  'MIME-Version: 1.0\r\n',
  'Content-Transfer-Encoding: base64\r\n',
  'Content-Disposition: attachment; filename="example.png"\r\n\r\n',

   pngData, '\r\n\r\n',

   '--foo_bar_baz--'
].join('');

// Send the mail!
$.ajax(
  type: "POST",
  url: "https://www.googleapis.com/upload/gmail/v1/users/me/messages/send?uploadType=multipart",
  contentType: "message/rfc822",
  beforeSend: function(xhr, settings) 
    xhr.setRequestHeader('Authorization','Bearer ACCESS_TOKEN');
  ,
  data: mail
); 

【讨论】：

它给了我这个错误： "error": "errors": [ "domain": "global", "reason": "authError", "message": "Invalid Credentials" , "locationType": "header", "location": "Authorization" ], "code": 401, "message": "Invalid Credentials" 在谷歌开发者控制台上我使用 web 应用程序指定的 javascript 位置创建新的客户端 ID来源：localhost:8080 ...我的项目是tomcat实例上的一个javascript页面。奇怪的是，每次我从同一个应用程序发出请求时，访问令牌都会发生变化。

@Alex 使用 Gmail v1 范围 here 进行授权，并尝试从中获得的令牌。这应该可以作为一个测试。

我创建了测试访问令牌并从您建议我的页面发送了请求。从那里一切正常。如果我在 javascript 应用程序中使用相同的标记，它会给我带来与我之前评论中相同的错误。 401 未经授权的无效凭据。我的客户 ID 创建有什么问题吗？

对不起...我明白了！！！...这是我愚蠢的错误...昨天晚上太累了，没有注意到它。谢谢它似乎工作！

哦，'Bearer YOUR_API_KEY' 可能是错误的，因为我收到了xhr.setRequestHeader('Authorization', 'Bearer ' + apiKey); 的无效凭据错误。我在某处读到这里我应该使用访问令牌（我不知道如何获得）。顺便说一句，我的凭据很好，因为我几乎可以完成 Gmail API 允许的所有工作。