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);
}