Показать сообщение отдельно
  #1 (permalink)  
Старый 06.04.2013, 10:12
Новичок на форуме
Отправить личное сообщение для FilFred Посмотреть профиль Найти все сообщения от FilFred
 
Регистрация: 06.04.2013
Сообщений: 1

Проблема с сохранением Canvas HTML5
Доброе утро.

Перейду сразу к делу. Делаю рисовалку на 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 );
}


Заранее спасибо за помощь!

Последний раз редактировалось FilFred, 06.04.2013 в 10:15.
Ответить с цитированием