將畫布圖像傳遞給php

Question

我要將畫布圖像上傳到MYSQL中。通過使用PHP，但在此之前，我怎樣才能將canvasData傳遞給php。我已經做了一些搜索，但一些解決方案對我來說很複雜。這就是爲什麼我決定在這裏發佈一個問題。我正在做一個本地主機環境。

點擊它時有一個capture按鈕，將激活此功能。它將捕獲畫布照片。

function() 
{  context.drawImage(video, 0, 0, 300, 200); 
     var canvasData = canvas.toDataURL("image/png"); 
} 

因爲我現在知道canvasData變量將是base64代碼。

什麼是最好的解決方案，我把這些數據傳遞給php我上傳到我的數據庫。 預先感謝您。

Answer 1

JS方：

context.drawImage(video, 0, 0, 300, 200); 
var canvasData = canvas.toDataURL("image/png"), 
    xhr = new XMLHttpRequest(); 

xhr.open('POST', url, true); 

xhr.onload = function() { 
    alert('hooray! uploaded.'); 
} 
xhr.send(canvasData); 

PHP端例如，你可以在這裏採取get image from base64 string