用於發送帶附件的電子郵件的GMAIL API

Question

我正在致力於一個能夠讀取包含圖像url列表的CSV的javascript客戶端。

我能夠通過jquery-csv讀取csv並在html5畫布中繪製每個圖像。

下一步是爲每個圖像應用一個文本圖層並使用gmail api通過電子郵件發送圖像。

所以我的困惑是找到一個例子，告訴我如何拍攝一張畫布並將其附加到只使用JavaScript的電子郵件。

是否有我根據multipart gmail指導原則構建一個json，並將其作爲POST body發送到指定位置？

你能給我舉個例子嗎？

Answer 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: 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 
});