attribuer une source à une image (Ajax Jquery)
Bonjour bonsoir,
En résumé, je suis sur un projet perso de création d'un site de petites annonces, et je génère le contenu HTML en JS.
Le code qui suit n'est pas à 100% le mien,(c'est peut-être la raison pour laquelle je rencontre tant de difficultés ):
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
$.ajax({
type: 'POST',
dataType: 'json',
url: 'page-intermediaire-de-traitement.php',
data: {
userLat : userLat,
userLong : userLong
},
success:function(data){
$.each(data.annonces,function(index,annonce){
$("#wrapper").append("<div class='post'><div class='profil-pic'></div><div class='content'>"+annonce.id_annonce +" <img src="+annonce.image_uploaded+"/></div></div>");
});
},
error:function(err){
alert('Erreur ajax :',err.responseText);
}
}); |
Ce que j'aimerais faire c'est afficher la(les) image(s) upload par l'utilisateur, dans la div de sa publication : Pour celà, je récupère le chemin vers cette image annonce.image_uploaded et je le passe en attribut src ... Mais celà ne marche pas.
J'ai trouvé des méthodes sur le net, dans lesquelles la balise <img/> est construite, avant d'être append dans un bloc , mais dans mon cas, il y a alors une floppé d'images qui sont insérées dans ma <div>, des images qui ont été publiées par d'autre utilisateurs.
Quelqu'un aurait-il une idée de ce qu'il faut faire ?
