将Base64镜像保存到服务器(替换当前镜像)

Question

我目前正在试验HTML5画布。

我现在做了一个简单的小绘画应用程序，你可以在上面画线条等等。

我制作了它，这样我就可以将图像保存在base64中。document.getElementById('your-canvas').toDataURL()；= var dataUrl =var

我想知道是否有可能获取该图像，并将其保存到我的服务器(或任何位置)，以替换/覆盖已在那里的图像。

这样做的目的是将保存的图像作为画布的背景。然后，每当有人在画布上绘制并单击保存时，它会将他们的绘制保存为背景图像，以便下一个进入该图像的人可以看到上一个人绘制的内容。

基本上就是一个公共的互联网白板。

有没有人能告诉我这是不是可能的，并给我指明正确的方向(代码语言、教程等)？

谢谢。

Answer 1

您可以按如下方式显示或保存图像：

$imgData = $_POST['data'];

$imgData = str_replace(' ','+',$_POST['data']);
$imgData = preg_replace('/^data:image\/(png|jpg);base64,/','',$imgData);

header("Content-type: image/png");
echo base64_decode($imgData);