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