Доброе утро.
Перейду сразу к делу. Делаю рисовалку на JS, и решил сделать функцию сохранения изображения на сервер. Вроде как получилось с помощью AJAX и PHP, но почему-то при попытке открытия картинки(png) пишет, что невозможно открыть файл, так как он пустой.
function send() {
var canvasData = document.getElementById('editor').toDataURL("image/png;base64");
var postD = "canvasData=" + canvasData;
var ajax = new XMLHttpRequest();
ajax.open("POST", 'send.php', true);
ajax.setRequestHeader('Content-Type', 'canvas/upload');
ajax.send(postD);
}
if(isset($GLOBALS["HTTP_RAW_POST_DATA"])) {
$imageDate = $GLOBALS["HTTP_RAW_POST_DATA"];
$filteredData = substr($imageData, strpos($imageDate, ",") + 1);
$unencoded = base64_decode($filteredData);
$fp = fopen( 'map/level.png', 'wb' );
fwrite( $fp, $unencoded );
fclose( $fp );
}
Заранее спасибо за помощь!