HTML5 - 使用Java EE將圖像附加到郵件

我正在開發一個使用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郵件）與附加的圖像。該頁面允許用戶輸入他們想要發送給的電子郵件地址以及電子郵件的正文。

我可以知道如何使圖像自動附加到電子郵件，以便在用戶輸入電子郵件地址和正文後，他們將能夠發送郵件嗎？

在此先感謝！

來源

2012-02-11 Lloydworth

請幫助!!!! – Lloydworth 2012-02-11 10:53:39

要將圖像作爲附件與javamail一起發送，您需要說出jpg或bmp的字節。您需要做的是將模型（例如座標）發送到服務器並重新創建映像服務器端。也許一個html5畫布直接支持以字節輸出圖像，我不知道，但這會有所幫助。在這種情況下，您只需將這些字節傳輸到服務器以附加到郵件。

來源

2012-02-11 14:58:07

HTML5畫布有一個很酷的API把戲做到這一點：

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

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

現在你可以在後端是encodedImage存儲在一個表或文件。如果你想在一個頁面上顯示它，只需將它分配給html img標籤，以獲得源屬性

來源

2012-02-11 15:06:25 Satish

HTML5 - 使用Java EE將圖像附加到郵件

回答

相關問題