HTML5キャンバスデータをサーバーに保存する

Question

これについて多くの質問がありますが、現在、ユーザーが作成したHTML5キャンバスデータをWebサーバーの特定のフォルダに保存しようとしています。私はすでに次を使用してサーバーに画像を保存することができています

：

function sendData(postData){ 
var ajax = new XMLHttpRequest(); 
ajax.open("POST",'saveFrame.php',true); 
ajax.setRequestHeader('Content-Type', 'canvas/upload'); 

var comicID = document.getElementById('comicID').value; 

ajax.onreadystatechange=function() 
{ 
    if (ajax.readyState == 4) 
    { 
     alert("Frame saved"); 
    } 
} 
ajax.send(postData); 
} 

saveFrame.PHP私は何をすることができるようにしたいことに沿っていくつかのより多くの変数を渡している

<?php 

if (isset($GLOBALS["HTTP_RAW_POST_DATA"])) 
{ 
    // Get the data like you would with traditional post 
    $rawImage=$GLOBALS['HTTP_RAW_POST_DATA']; 

    // Remove the headers 
    $removeHeaders=substr($rawImage, strpos($rawImage, ",")+1); 

    // decode it from base 64 and into image data only 
    $decode=base64_decode($removeHeaders); 

    // save to your server 
    $saveName = "test.jpeg"; 
    $fopen = fopen($saveName, 'wb'); 
    fwrite($fopen, $decode); 
    fclose($fopen); 
} 
?> 

ファイルsaveFrame.phpファイル内のPHPを使用して動的にデータベースを検索して、保存するファイル名を決定することができます。私はAJAXの使用に慣れていないので、これを達成する方法がわかりません。何かアドバイスが高く評価され

、

アレックス

Answer 1

キャンバスデータを取得するためにHTML5 canvaspixelarrayプロパティを使用することができます。