canvas で作成した画像を phpで保存する方法

Question

canvasで画像を生成しtoDataURLでURLを取得しました。
この画像をphpでサーバに保存できません。

<script>
//中略
  img_url = canvas.toDataURL();
</script>

<?php
  $img_url = '<script>document.write(img_url); </script>' ;
  $img_url = preg_replace("/data:image/png;base64,/i","",$img_url);
  $img_url = base64_decode($img_url);
  $image = imagecreatefromstring($img_url);
  imagesavealpha($image, TRUE);
  imagepng($image , './images/test.png');

?>

ご享受頂けましたら幸いです。
よろしくお願いいたします。

Answer 1

javascriptわからないのでJqueryで

         img_url = canvas.toDataURL("image/png").replace(new RegExp("data:image/png;base64,"),"");
$.post("ほげほげ.php",{"upload_data":img_url},function(data){
 alert("DONE");
},"html");

$upload_data=$_POST['upload_data'];
$new_file_name=date("Ymd-His")."-".ceil(microtime(true)).".png";
$fp = fopen($new_file_name,'w');
fwrite($fp,base64_decode($upload_data));
fclose($fp);

Comments

[kyukie]

ご回答頂きまして誠にありがとうございます。
ファイル作成できましたが、サイズが0Bで画像を開くとなにも表示されていません。
どういった原因が考えられますでしょうか？
お手数ですがご返信頂けましたら幸いです。

[退会済みユーザー]

$upload_dataが渡されていないのではないでしょうか？
echoでずらーっと文字が表示されますか？

[退会済みユーザー]

PHPに
echo $upload_data;
Javascriptのalert("done")の所を
alert(data);
にすれば渡されているかわかります
これ以外はわかんない！

[退会済みユーザー]

申し訳ありません
自分のｺｰﾄﾞにﾐｽがあるようです
重いﾌｧｲﾙだと動きませんでした

[退会済みユーザー]

あ、問題なかった
あれ、だめだ

[退会済みユーザー]

img_url = canvas.toDataURL("image/png").replace(new RegExp("data:image/png;base64,"),"");のﾃﾞｰﾀをtextareaに表示しようとしたが大きすぎて表示描画の負荷で固まる現象で悪戦苦闘
toDataURLで正常に変換されていれば大丈夫みたい

[kyukie]

dotさん 丁寧に教えて頂きましてありがとうございます。
おかげさまで出来ました！！
ありがとうございます！！！