更新时间:2022-11-17 07:56:00
//从DOM获取画布,并将其转换为base64编码的png数据。
var canvas = document.getElementById(canvas);
var dataUrl = canvas.toDataURL();
//相关数据位于base64之后。
var pngData = dataUrl.split('base64,')[1];
//将数据放入带有一些文本的常规多部分消息中。
var mail = [
'Content-Type:multipart / mixed; boundary =foo_bar_baz\r\\\
',
'MIME-Version:1.0\r\\\
',
'From:sender@gmail.com\rn\\ ,
'To:receiver@gmail.com\rn\\,'
'主题:主题Text \\\\\\\',
'--foo_bar_baz\r\\\
',
'Content-Type:text / plain; charset =UTF-8\r\\\
',
'MIME-Version:1.0\r\\\
',
'Content-Transfer-Encoding:7bit\r\ n\r\\\
',
'实际的消息文本在这里\r\\\
\r\\\
',
'--foo_bar_baz \r\\\
',
'Content-Type:image / png\rr/\
',
'MIME-Version:1.0\r\\\
',
'Content-Transfer-Encoding:base64 \\\
',
'Content-Disposition:attachment; filename =example.png\\\\\\\\\\,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
'--foo_bar_baz--'
] .join('');
//发送邮件!
$ .ajax({
type:POST,
url:https://www.googleapis.com/upload/gmail/v1/users/me/messages/send?
beforeSend:function(xhr,settings){
xhr.setRequestHeader('Authorization','Bearer {YOUR_API_KEY}');
},
data:mail
});
i' m working on a javascript client able to read a CSV which contains an image url list.
I m able to read the csv by the means of jquery-csv and to draw each image in a html5 canvas.
The next step is to apply to each image a text layer and to send the image by email using gmail api.
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.
Do have i to build a json according to the multipart gmail guidelines and to send it as POST body as specified?
Can you send me some example?
// 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 {YOUR_API_KEY}');
},
data: mail
});