将画布图像传递给php

时间:2014-06-21 05:10:05

标签: javascript php html5 canvas

我要将画布图像上传到MYSQL中。通过使用php,但在此之前,我如何将canvasData传递给php。我做了一些搜索,但有些解决方案对我来说很复杂。这就是我决定在这里发帖的原因。我在localhost环境中做。

单击它时会有一个capture按钮,将激活此功能。它将捕获画布照片。

function()
{       context.drawImage(video, 0, 0, 300, 200);
        var canvasData = canvas.toDataURL("image/png");
}

我现在知道canvasData变量将是base64代码。

将这些数据传递给php以便我上传到我的数据库的最佳解决方案是什么。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

js side:

context.drawImage(video, 0, 0, 300, 200);
var canvasData = canvas.toDataURL("image/png"),
    xhr = new XMLHttpRequest();

xhr.open('POST', url, true);

xhr.onload = function() {
    alert('hooray! uploaded.');
}
xhr.send(canvasData);

php方面示例,您可以在这里get image from base64 string