javascript - 将 Canvas 图像传递给 php

Question

我要将 Canvas 图像上传到 MYSQL。通过使用 php，但在此之前，我如何将 canvasData 传递给 php.ini？我做了一些搜索，但有些解决方案对我来说很复杂。这就是为什么我决定在这里发布一个问题。我正在本地主机环境中进行。

有一个capture按钮，点击它就会激活这个功能。它将捕获 Canvas 照片。

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

据我所知，canvasData 变量现在将是 base64 代码。

对于我来说，将此数据传递给 php 以便上传到我的数据库的最佳解决方案是什么。预先感谢您。

Answer 1

js端:

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