fabricjs - canvas.toDataURL 到 Wordpress 库

Question

正在使用fabricjs 编辑/创建图像...创建图像后应上传到WordPress 库。我对此感到震惊，我能得到

dataUrl = canvas.toDataURL("image/png");
    //alert(dataUrl);
    setTimeout(function(){
        canvas.backgroundColor="white";
        canvas.setOverlayImage('overlay.png', canvas.renderAll.bind(canvas));
    },1000);

我也可以在弹出窗口中看到预览.. 但我很震惊地转换为图像并将其上传到 WordPress 库而无需下载。

谢谢

Answer 1

您将需要为此进行一些服务器端 PHP 处理，但这很好，因为 Wordpress 使用 PHP。

这样的事情应该这样做：

<?php
// send.php, place in wordpress root
$dir = getcwd(); // get the current working directory
$now = date("U");  // create a timestamp to append to the filename
$imgstring = $_POST['data'];
$imgstring = base64_decode($imgstring);
file_put_contents("$dir/wp-content/uploads/image-$now.png", $imgstring);
?>

在你的 javascript 中：

function sendtowordpress()
{
dataUrl = canvas.toDataURL("image/png");
dataUrl = dataUrl.replace(/^data:image\/(png|jpg);base64,/, "");
$.post("send.php?data="+dataUrl);
}