Canvas를 Png 로 서버 저장

클라이언트

var canvasData = canvas.toDataURL('image/png');
$.ajaxSetup(
{
	async: false,
	type: 'POST',
	url: 'save.canvas.php',
	headers : {'Content-Type':'application/upload'},
	success: function(data){console.log('success', data);},
	error: function(){console.log('error');}
});
$.ajax({data:'imageData='+canvasData});
var ajax = new XMLHttpRequest();
ajax.open('POST', 'save.canvas.php', false);
ajax.onreadystatechange = function()
{
	console.log(ajax.responseText);
}
ajax.setRequestHeader('Content-Type', 'application/upload');
ajax.send('imgData='+canvasData);

서버 PHP

if(isset($GLOBALS['HTTP_RAW_POST_DATA']))
{
	$imageData = $GLOBALS['HTTP_RAW_POST_DATA'];
	$filteredData = substr($imageData, strpos($imageData, ',')+1);
	$unencodedData = base64_decode($filteredData);
	$fp = fopen('img/canvasImage.png', 'wb');
	fwrite($fp, $unencodedData);
	fclose($fp);
}