Discussion :

[akrogames]

Bonjour,

je souhaite depuis ce matin modifier à la volée une image anti-spam. Je ne comprend pas pourquoi elle ne change pas. Le problème c'est qu'au lieu de me remplacer l'image il m'affiche l'image GIF avec plein de caractère étrange...

Exemple : GIF87a��C����

Enfin il me renvoi l'image que je génère mais elle est pas remplacer.

Mon code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<label for="captcha">Anti-spam *<br><br>
En saisissant ce code, vous nous aidez à empêcher le spam et les enregistrements illégitimes.  :</label>
				<span id="imageAntiSpam"><img src="Ajax.php?action=10" width="100" height="50" id"imagecc"></span> 
				<a href="#" onclick="changeCaptcha()">Réinitialiser le code anti-spam</a><br>

Mon code javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
/*
*Change l'image du captcha si elle n'apparait pas ou n'est pas bien visible
*/
function changeCaptcha()
{
 
new Ajax.Request(
		'Ajax.php?action=12',
		{
			method: 'GET',
			onSuccess: function(transport, json) {
		    		var Response=transport.responseText;
		    		//document.getElementById('imageAntiSpam').innerHTML=Response;
		    		document.getElementById('imagecc').src='<img src="'+Response+'">';
		    	}
		}
	);
 
 
 
}

Mon code Ajax.php?action=12

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
unset($_SESSION['captcha-control']);
 
$captcha = new CaptchaExposeHome();
$captcha->getCaptcha();

Si vous y comprenez quelque chose... Pourquoi il ne me remplace pas l'image c'est bizarre en plus j'ai déjà réussit sur un autre site à le faire.

bonne journée

[gwyohm]

Je pense que c'est parce que quand tu écris ton captcha en PHP, tu ne set pas ton content type avec le bon mime type (image/gif)

[akrogames]

pourtant dans Firebug l'image envoyé est bien au format image\gif ...

C'est à n'y rien comprendre...

Vous utilisez quoi comme captcha en PHP ?

Que je change car là c'est nulle cela ne marche pas...

Bonne soirée

[Bovino]

Salut.
En fait, ton script fait bien ce que tu lui demandes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var Response=transport.responseText;

tu annonces que tu vas recevoir du texte, donc ton script affiche du texte...
Ensuite, JavaScript est incapable de traiter autre chose que du texte. Donc tu ne peux pas lui renvoyer une image comme réponse à une requête AJAX.

En revanche, logiquement, pour modifier un captcha généré en PHP, il suffit de modifier le src de l'image en question, pas besoin d'AJAX :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('imagecc').src='Ajax.php?action=12'

en ajoutant éventuellement un timestamp pour outrepasser le cache.

[gwyohm]

J'avais pas bien regardé !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
  onSuccess: function(transport, json) {
    var Response=transport.responseText;
    //document.getElementById('imageAntiSpam').innerHTML=Response;
    document.getElementById('imagecc').src='<img src="'+Response+'">';
  }

ca ne risque pas de fonctionner !
Il ne faut pas en ajax recuperer un flux binaire d'image, mais changer sa src donc pas ajax...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function changeCaptcha() {
  document.getElementById('imagecc').src='Ajax.php?action=12&ts=' + new Date().getTime();
}