javascript - seguridad - API de GMAIL para enviar correos electrónicos con archivos adjuntos

que archivos no se pueden adjuntar en un correo electronico

Question

Estoy trabajando en un cliente de JavaScript capaz de leer un archivo CSV que contiene una lista de URL de imágenes.

Puedo leer el csv por medio de jquery-csv y dibujar cada imagen en un lienzo html5.

El siguiente paso es aplicar a cada imagen una capa de texto y enviar la imagen por correo electrónico usando la API de Gmail.

Así que mi dificultad es encontrar un ejemplo que me muestre cómo tomar un lienzo y adjuntarlo a un correo electrónico utilizando solo javascript.

¿Tengo que construir un json de acuerdo con las directrices multipart de gmail y enviarlo como cuerpo POST como se especifica?

¿Me puedes enviar un ejemplo?

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: [email protected]/r/n'',
  ''To: [email protected]/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
});