4

私はこのようなJavaScriptコードを持っています

var testCanvas = document.getElementById('canvas-1');
var canvasData = testCanvas.toDataURL("image/png");
var ajax = new XMLHttpRequest();
ajax.open("POST",'http://www.domain.com/imgsave.php',true);
ajax.setRequestHeader('Content-Type', 'canvas/upload');
ajax.send("canvasData"+canvasData );

私のPHPコードはこんな感じです

if (isset($GLOBALS["HTTP_RAW_POST_DATA"]))
{
    // Get the data
    $imageData=$GLOBALS['HTTP_RAW_POST_DATA'];

    $filteredData=substr($imageData, strpos($imageData, ",")+1);

    $unencodedData=base64_decode($filteredData);
    $fp = fopen( 'test.png', 'wb' );
    fwrite( $fp, $unencodedData);
    fclose( $fp );
        echo "saved";
}
  else{

  echo "no raw data";
  }

このコードを実行すると、サイズがゼロのpngファイル画像が表示されますか？私のコードの問題は何ですか？

4

3 に答える 3

6

私は最近これを自分でしなければなりませんでした。

まず、canvasDataを非表示フィールドに配置し、PHPページに投稿しました。

次の形式で返されます。data:image/png;base64,iVBORw0......

data:image/png;base64,これはヘッダー情報であるため、最初にデータを分割する必要があります。残りはエンコードされたデータです。

$rawData = $_POST['imageData'];
$filteredData = explode(',', $rawData);

$unencoded = base64_decode($filteredData[1]);

次に、サーバー上にイメージを作成します。

//Create the image 
$fp = fopen('sigs/test1.png', 'w');
fwrite($fp, $unencoded);
fclose($fp);

そしてそれを読んで、私がやりたいことを何でもします。 

$file_name = 'test1.png';
$file_size = strlen($filteredData[1])/1024; //This may be wrong, doesn't seem to break for me though.


$fh = fopen('sigs/test1.png', 'r');
$content = fread($fh, $file_size);
$content = base64_encode($content);
fclose($fh);

これにはもっとエレガントな解決策があると確信していますが、これは私のために働いています！

詳細についてはこれを確認してください（おそらく）：私自身の質問

于 2012-12-10T16:18:37.543 に答える
2

これが私がajaxを介してキャンバスから画像を保存することです。クライアント側でjQueryを使用しています

 jQuery.ajax({
     url: 'save.php',
     type: 'POST',
     data: {
         data: c.toDataURL('image/png')
     },
     complete: function(data, status)
     {
         if(status=='success')
         {
            alert('saved!');
         }
         alert('Error has been occurred');
     }

 });

php：

    $based64Image=substr($_POST['data'], strpos($_POST['data'], ',')+1);

    $image = imagecreatefromstring(base64_decode($based64Image));

    $fileName='';
    if($image != false)
    {
        $fileName=time().'.png';
        if(!imagepng($image, $fileName))
        {
//          fail;
        }
    }
    else
    {
//          fail;
    }

これがお役に立てば幸いです。

于 2012-12-10T16:30:44.960 に答える
0

マニュアルのコメントによると、HTTP_RAW_POST_DATAを取得するには、次のようなことを行う必要があります。

<?php $postdata = file_get_contents("php://input"); ?>

マニュアルには、次のようなラッパーについて記載されていphp://inputます。

POSTリクエストの場合、特別なphp.iniディレクティブに依存しないため、$ HTTP_RAW_POST_DATAの代わりにphp：//inputを使用することをお勧めします。

于 2012-12-10T16:21:32.867 に答える