canvas.toDataURL to Wordpress Library

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