我正在开发一个能够读取包含图像 url 列表的 CSV 的 javascript 客户端。
我能够通过 jquery-csv 读取 csv 并在 html5 画布中绘制每个图像。
下一步是为每个图像应用一个文本层，并使用 gmail api 通过电子邮件发送图像。
所以我的困难是找到一个例子，向我展示如何仅使用 javascript 获取画布并将其附加到电子邮件中。
我是否必须根据 multipart gmail 指南构建一个 json 并将其作为指定的 POST 正文发送？
你能给我一些例子吗？
// 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: sender@gmail.com\r\n',
'To: receiver@gmail.com\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
});