canvas.toDataURL to Wordpress Library

Question

am使用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); 
}