将HTML5画布作为图像保存到服务器

Question

我试图将我的画布作为图像保存到我的服务器，但它无效。

的javascript

var data = canvas.toDataURL();
var picture = document.getElementById("my-picture");

PHP

$canvas = base64_decode(str_replace('data:image/png;base64,', '' , $value['picture']));
file_put_contents('my_custom_path/my_custom_filename.png', $canvas);

这个代码是给我的，但我不知道如何实现php部分。

Answer 1

假设您的Javascript / HTML正确（确保您正在获取正确的POST值）请尝试使用此PHP代码：

$data = str_replace('data:image/png;base64,', '', $data);
$data = base64_decode( str_replace(' ', '+', $data) );
$success = file_put_contents('my_custom_path/my_custom_filename.png', $data);

还要确保您可以访问放置文件的目录。