Ajax - HTML5 Canvas

Question

我之前从未使用过ajax，我想我正在努力解决这个想法以及它是如何工作的。

我想做的事：

我想在我的画布上绘制并点击保存。 保存会将dataURL发送到mySQL数据库。

听到的是我读过的内容：如果没有Ajax，这是不可能的

我发现：没有什么可以让我理解这对Ajax有什么用处。

要拉出dataURL（在画布上绘制的信息）我正在尝试使用Signature-Pad实验室尝试做我想做的事情

如果有人会帮助我，我将不胜感激。 是否正在使用ajax代码来了解它如何工作，以及它是如何工作的想法，或任何相关链接。

另外，我正在使用PHP和Javascript。

Answer 1

请查看此链接。

http://www.permadi.com/blog/2010/10/html5-saving-canvas-image-data-using-php-and-ajax/

Answer 2

在页面上使用隐藏的<input>元素创建<form action="post"> 。 如果要上传图像，请调用canvas.toDataURL() ，它将返回格式为data:image/png;base64,…的图像数据字符串。 然后将隐藏输入的值设置为该字符串并提交表单。 在服务器端，剥离data: header和Base64解码其余字符串，然后像保存任何其他图像数据一样保存该字符串（例如，保存到文件）。