Obtenir l’image src de la réponse ajax

J’essaie de changer une source d’image avec un chemin d’image que je reçois d’un gestionnaire php avec ajax.

Ce que j’attrape, c’est: “img / blah.jpg”

C’est mon ajax:

$('.name').click( function() { //var e = $(this).attr('src','img/no.png'); //this works $.ajax({ url:'handler.php?blahid='.$idnum, type:"GET", success: function(data) { var f = $(this).attr("src", data); //$(this) is the image I click on that I want to replace console.log(f); }, error: function(jqXHR, textStatus, errorThrow) { debugger; } }) } 

Le ajax fait son travail quand je clique sur l’image que je veux changer. J’utilise peut-être les données de réponse de manière incorrecte. J’ai utilisé le journal de la console pour voir ce que j’ai obtenu et il a renvoyé un object. Donc, je suppose que mon problème est le suivant: ce que je fais maintenant ne fonctionne pas et je ne sais pas pourquoi. Faites-moi savoir si vous voulez que je clarifie quelque chose. Merci d’avance.

Utilisation

 $('.publish').click( function() { var self=this; // add this line $.ajax({ url:'handler.php?blahid='.$idnum, type:"GET", success: function(data) { var f = $(self).attr("src", data); // use self instead of this console.log(f); }, error: function(jqXHR, textStatus, errorThrow) { debugger; } }); } 

Essayez comme ça

 var my_data = data; var f = my_data.find('img').attr("src"); 

ou vous pouvez directement utiliser

 $(data).find('img').attr('src'); 

dans votre exemple $(this).attr("src", data); $ (this) pointe vers la requête ajax. pour changer l’image, vous pouvez fournir l’image id ci-dessous $('#imageId').attr("src", data);

Pour data-location-image, vérifiez sur la firebase database, telle que http: http: // localhost / new_accemo_upd_1 / data / scan-yr-201 …

De l’ajout de données:

 data.append('gambar', $('input[type=file]')[0].files[0]); 

Sauvegarde des données (serveur)

 'gambar' : base_url($_FILES['gambar']) 

Si nous voulons éditer une image:

 $.ajax({ url : "/", type: "GET", dataType: "JSON", success: function(data) { $('[name="logo"]').attr("src", data.logo); }, error: function (jqXHR, textStatus, errorThrown) { alert('Error get data from ajax'); } }); 

Voir HTML: