jquery .load image dynamique

Question

Est-il possible que je peux utiliser l'événement .load (ou tout autre événement jquery) avec une image dynamique telle que cette

Chaque fois que je tente d'utiliser la méthode .load ou .get à recharger cette page dans le document il vient de sortir comme dans Firefox et PNG dans Internet Explorer.

Qu'est-ce qui me manque ici? Quelle serait la meilleure façon de faire cela? En général, ce que j'essaye d'accomplir ici est de recharger le fichier captcha.php dans un div quand on clique sur un lien et d'afficher une image captcha différente sans actualiser la page.

Le problème peut être trouvé ici
http://www.seewhosoutthere.com/createAccount

cliquant sur le petit bouton bleu « rafraîchir » à côté du captcha donnera le résultat dont je parle.

Le code actuellement utilisé pour cette page est

$('a#refresh').click(function(){ 
    $('#captcha').load('captcha.php'); 
}); 

Answer 1

Au lieu de .load() (qui est pas destiné à des données binaires ... ce qui est la raison pour laquelle vous obtenez ces symboles amusants avec l'encodage) vous avez juste besoin pour créer un élément <img> avec le droit src et le mettre où vous voulez dans le document, par exemple:

$("<img />", { src:"http://www.seewhosoutthere.com/captcha"}).appendTo("#myDiv"); 

You can test it out here.