Récupération et affichage d'une image en Jquery

Bonjour,

J'utilise coté server une servlet (donc Java) pour récupérer une image, mais je dois mal utiliser le retour de mon Get car à l'affichage je me retrouve avec le buffer et non l'image.

Voici l'appel Jquery :

Code:

---

1 2 3 4 5 6 7 8 9

var jqxhr =$.get("./getPics", { idpersonne: $("#id").text() }, function(data){ $("#image").html('<img>' + data + '</img>'); }) ;

---

Suis un peu sec la je dois avouer... et pourtant ça sent l'évidence, merci en tout cas à ceux qui m'ont consacré du temps

Relis la doc HTML au niveau Débutant car '<img>' + data + '</img>' ça n'existe pas

A+JYT

récupérer une image en ajax ????

une simple modification du src suffit non ???

Merci à vous deux pour vos réponses.

@sekaijin > en effet, la fatigue peut être ... (bon ok suis un noob :cry:)
@SpaceFrog > j'ai utilisé ceci sans succès, j'ai un affichage image inconnu, il utilise le buffer comme adresse....

Code:

---

$("#image").attr("src", data);

---

mais data c'est quoi le flux binaire de l'image ??? ou le path ..

si c'est le flux binaire tu peux tenter ceci

Code:

---

$("#image").attr("src", "data:image/gif;base64,"+data)

---

mais il me semble que ça ne fonctionne pas sous IE

La méthode load() me semble plus appropriée.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var img_ = $('<img />', { 'src': data, 'alt': '' }).load(function() { if (this.complete && typeof this.naturalWidth !== "undefined") { $("#image").append(img_) } else { console.log('fail...') } });

---

Code:

---

'src': data,

---

on ne sait toujours pas ce que le serveur renvoie ...
si c'est du binaire ...

Re-Bonjour et merci.

je pense que c'est le binaire qui est renvoyé mais ta solution SpaceFrog ne marche pas sous chrome (suis sous chrome)

Un load semble plus logique mais j'ai "résolu" par une bidouille :
:oops:

Citation:

---

$("#image").attr("src", "./getPics?idpersonne="+$("#login").text());

---

puisque l'appel fonctionne bien.

1000 fois merci pour le temps consacré :ccool: