Bonjour, je suis confronté à un petit soucis

Je cherche à faire passer une image (.gif) par AJAX.

En gros je veux que le XhrObj.responseText renvoie une image lue via PHP.

Mon code est le suivant

Fichier JS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
XhrObj.open("GET", "script.php");
 
XhrObj.onreadystatechange = function() {
	if (XhrObj.readyState == 4 && XhrObj.status == 200) {
		content.innerHTML = XhrObj.responseText ;
		}
	}    
 
XhrObj.setRequestHeader("Content-Type", "image/gif"); 
XhrObj.send(null);
script.php
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<?php	
$url="http://www.sitedistant/image.gif";
header('Content-type: image/gif');
readfile($url); 
exit;
?>

Malheureusement en retour j'ai le code brut de l'image
alors qu'en appelant directement script.php ça marche.

J'ai pourtant essayé de déclarer le bon header dans lors de l'appel, je me mélange les pinceaux qq part ?

Une idée ?

Merci