傳遞img元素作爲返回值

Question

我有html5 WP8應用程序正在開發中。 在html/js方面，我收集了一些數據（文本和圖像），我應該發送到C＃以通過電子郵件向前發送。 我在JavaScript中

function toEmail() { 
var dataToSend = getNextEntry(); 
return dataToSend; 
} 

功能和我一起

string toBeEmailed; 
toBeEmailed = (string)Browser.invokeScript("toEmail"); 

調用它從C＃和能正常工作。但是現在我應該對存儲在img.src中的圖像進行同樣的處理。我怎樣才能做到這一點？我應該施加什麼樣的數據類型返回值等。

Answer 1

使用可以得到圖像作爲base64字符串。

例如：

function img2base64(img) 
{ 
    var canvas = document.createElement("canvas"); 
    canvas.width = img.width; 
    canvas.height = img.height; 

    var context = canvas.getContext("2d"); 
    context.drawImage(img, 0, 0, img.width, img.height); 

    return canvas.toDataURL("image/jpeg")); 
}