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

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

i' m working on a javascript client able to read a CSV which contains an image url list.

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

I m able to read the csv by the means of jquery-csv and to draw each image in a html5 canvas.

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

The next step is to apply to each image a text layer and to send the image by email using gmail api.

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

So my diffifulty is to find an example showing me how to take a canvas and to attach it to an email using only javascript.

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

Do have i to build a json according to the multipart gmail guidelines and to send it as POST body as specified?

你能给我一些例子吗?

推荐答案

// 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"
',
  'MIME-Version: 1.0
',
  'From: sender@gmail.com
',
  'To: receiver@gmail.com
',
  'Subject: Subject Text

',

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

',

  'The actual message text goes here

',

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

',

   pngData, '

',

   '--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
}); 

相关文章