Question

我正在使用Javascript开发一个绘图应用程序。

用户可以在画布上绘图。完成绘图后，他们将能够将其转换为图像（转换为图像按钮）。

这是代码：

function putImage()
{
  var canvas1 = document.getElementById("canvas");        
  if (canvas1.getContext) 
  { 
    var ctx = canvas1.getContext("2d");  
    var myImage = canvas1.toDataURL("image/png");
  }
  var imageElement = document.getElementById("MyPix"); 
  imageElement.src = myImage; 
  $('#submit_btn').closest('.ui-btn').show(); 
}

有一个提交按钮，当用户点击它时，应用程序将重定向到另一个页面，用户将能够发送附有图像的电子邮件（使用java邮件）。该页面允许用户输入他们想要发送到的电子邮件地址以及电子邮件的正文。

我可以知道如何让图片自动附加到电子邮件中，以便用户输入电子邮件地址和正文后，他们就可以发送邮件吗？

提前致谢！

Answer 1

要将图像作为附件发送到javamail，您需要来自jpg或bmp的字节。您需要做的是将模型（例如坐标）发送到服务器并重新创建图像服务器端。也许html5画布直接支持将图像输出为字节，我不知道，但这会有所帮助。在这种情况下，您只需将这些字节传输到服务器以附加到邮件中。

Answer 2

HTML5 Canvas有一个很酷的API技巧：

 var encodedImage = canvas1.toDataURL();  //this generates base64 encoded image in png

   //for jpeg 
   var encodedImage = canvas1.toDataURL("image/jpeg");

现在，您可以将该encodeImage存储在表或文件的后端。如果要在页面上显示它，只需将其分配回html img标记为源属性

HTML5 - 使用Java EE将图像附加到邮件

2 个答案: