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