2012-02-11 87 views
0

我正在开发一个使用Javascript的绘图应用程序。HTML5 - 使用Java EE将图像附加到邮件

用户将能够在画布上绘图。一旦他们完成绘图,他们将能够将其转换成图像(转换为图像按钮)。

这是代码:

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邮件)与附加的图像。 该页面允许用户输入他们想要发送给的电子邮件地址以及电子邮件的正文。

我可以知道如何使图像自动附加到电子邮件,以便在用户输入电子邮件地址和正文后,他们将能够发送邮件吗?

在此先感谢!

+0

请帮助!!!! – Lloydworth 2012-02-11 10:53:39

回答

0

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

0

HTML5画布有一个很酷的API把戏做到这一点:

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

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

现在你可以在后端是encodedImage存储在一个表或文件。如果你想在一个页面上显示它,只需将它分配给html img标签,以获得源属性