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: