Javascript 将画布图像传递给php

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

有一个

capture

按钮，当点击它时，将激活此功能。它将捕获画布照片

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

正如我现在知道的，canvasData变量将是base64代码

对于我来说，将这些数据传递到php并上传到数据库的最佳解决方案是什么。 提前谢谢。

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方面的例子，你可以在这里

我可以问你一些问题吗，如何

canvasData

变量传递到url？我知道它是如何工作的，在我看了之后，这是必须使用javascript的，可能只是html到php？不使用ajax或js？