AJAX приём и отображение катринки

[RailyCree]

Всем привет.
Столкнулся с простой, но нерешаемой для меня проблемой. Мне нужно, чтобы сей *сложный* PHP скрипт с помощью AJAX посылал картинку.

<?php
    header('Content-Type: image/png');
   	$img = imagecreatefrompng('img.png');
    imagepng($img);
    imagedestroy($img); 
?>

Код JS:

r.open("POST", 'img.php', true);
r.setRequestHeader('Content-Type', 'imege/png')
r.send(NULL);
			
r.onreadystatechange = function()
{
	if(r.readyState == 4)
	{	
		if(r.status == 200)
	        {
			re.innerHTML=r.responseText;	
		}
		else
	        {
			se.innerHTML = r.status;
		}
	}
}

Но в место картинки - это

�PNG  IHDRV@\�� IDATx���w|E�?��������@H(��z/" RD���w��p�C����z*���Ώzz('���g�(r�@� R��ݶ̼~��fSI ���<��gwggfgg^�E�|�]�0E!�!D!��J�E�FΡ-�A�x}�q�"�b���(�'�C�a� ����A*GB� T���%���Q�c�@J�X��k6�SBv�s���i�@S���x�E��}B�����`	74�aZ�s"B

Дело в responseText? Или в чём? И как правильно сделать?

[deivan]

r.setRequestHeader('Content-Type', 'imege/png')

imEge ?....

[danik.js]

deivan, а тебя не смущает что Content-Type при запросе указывает тип передаваемых в запросе данных, а не запрашиваемых?

Ну и хедшот вам обоим:

var image = new Image();
image.src = 'img.php';
document.body.appendChild(image);

[deivan]

меня вообще смущает создание на сервере .пнг из .пнг, я бы просто отдал ее адрес

[RailyCree]

Это просто демонстрация, php будет нарезать картинку.