c# - 将 img 元素作为返回值传递

Question

我正在开发 html5 WP8 应用程序。在 html/js 方面，我收集了一些数据（文本和图像），我应该将它们发送到 c# 以通过电子邮件转发。我在 javascript 中有函数

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

我从 c# 调用它

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

这很好用。但是现在我应该对存储在 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"));
}