mise à jour de l'image après l'appel ajax

J'ai quelques problèmes.

Sur cliquez-je faire pivoter l'image avec l'ajax et enregistrer la nouvelle image. Tout est sans rafraîchir la page.
Et le problème c'est que les vieux de l'image ne sera pas de rafraîchissement et mettre un nouveau rafraichissement d'image.

Également de nouvelles images ont le même nom comme l'ancienne.

QUESTION

Ma question est comment mettre à jour des img à partir du dossier sans rafraîchir la page? Seulement après cliquez sur la classe slika-rotiraj.

HTML :

<div class="slika">
    <div class="slika-obrisi"></div>
    <div class="slika-rotiraj"></div>
    <img src="uploads/87b6f334f30717343acd69f3962142a0_542ad975e424d.jpg" />
</div>

SCRIPT :

$(document).on("click", ".slika-rotiraj", function() {
    var slika = $(this).next("img").attr("src");
    var slika1 = $(this).parent();
    var slika2 = $(this).next("img");
    $(this).next("img").attr("src", slika);
    $.ajax({
        type: "POST",
        url: "rotiraj.php",
        data: {
            slika: slika
        },
        success: function(data) {

        }
    });
});

InformationsquelleAutor Nebojsa Sapic | 2014-09-30

3

Voulez-vous dire que l'image a changé côté serveur et vous voulez juste pour forcer le img balise pour aller chercher le nouvel état de l'image? Tout simplement le réglage de la src devrait faire:
```
success: function(data) {
    //which is your image?  "slika2"?
    //it's not really obvious, so I'll assume that for now
    $(slika2).attr('src', slika);
}
```
Si ce n'est pas l'actualisation de l'image, vous pouvez ajouter un "cache-breaker" pour le forcer à re-demande. Quelque chose d'aussi simple que cela:
```
success: function(data) {
    $(slika2).attr('src', slika + '?' + new Date().getTime());
}
```
Ce ne serait rien, il serait juste innocemment changement de l'URL et de forcer le navigateur à re-demande à partir du serveur.
- je vous remercie de votre réponse, cette date ne fonctionne que sur le premier clic, j'ai rotation de l'image pour 90deg. , afin de premier temps de montrer mon image, mais sur la prochaine rotation, de ne pas s'afficher
- Faire un peu de débogage. Où précisément est-il un échec? Est le deuxième événement click d'appeler dans le code? AJAX est l'demande? Qu'est-ce que la réponse du serveur? Est cette ligne de code atteinte? La nouvelle demande d'avoir une URL différente comme prévu? Veuillez être précis.
- L'échec est arrivé lorsque j'ai ajouter la date, parce que l'image dans le dossier est sans que, et lorsque la deuxième fois que je clique sur faire pivoter, php failed to open stream à cause de ? + new Date().getTime() au nom de
- Le changement de l'URL ne devrait pas d'importance pour le côté serveur de ressources dans ce cas. Tous les imprévus valeurs de chaîne de requête sera ignoré. Je soupçonne que quelque chose d'autre est à tort que vous êtes pas à l'affiche. Ne tenez pas pour acquis ce qui est erroné, le debugger. Examiner le certains d'erreur que vous voyez.
- J'avais raison, j'ai corrigé ça, parce que de nouveaux img src est avec ?+new Date(), et dans le dossier est sans, je viens de split "?" et prendre toutes les avant "?", et maintenant, il fonctionne très bien. Merci beaucoup!!!
- Ah, il semble que votre code côté serveur a été la lecture de la chaîne de requête inutilement 🙂 s'il vous Plaît note de référence pour l'avenir que l'on pouvait (et peut encore) une énorme faille de sécurité dans ce cas. Si vous prenez l'URL exacte et l'utiliser pour retourner un fichier spécifié à partir du système de fichier, un utilisateur malveillant pourrait créer une URL que vous n'avez pas pensé à ce qui serait de retour du système de fichiers ne voulez pas les voir. Il est préférable de séparer les que la part exacte de l'URL que vous avez besoin et valider le fait que c'est un fichier que l'utilisateur est autorisé à accéder, et seulement ensuite le montrer.
InformationsquelleAutor David

Donner votre tag d'un identifiant et d'en définir la valeur de la 'src' attribut à l'intérieur de votre succès fonction de l'appel ajax.

HTML

<div class="slika">
    <div class="slika-obrisi"></div>
    <div class="slika-rotiraj"></div>
    <img id="myimage" src="uploads/87b6f334f30717343acd69f3962142a0_542ad975e424d.jpg" />
</div>

JS:

$(document).on("click", ".slika-rotiraj", function() {
    var slika = $(this).next("img").attr("src");
    var slika1 = $(this).parent();
    var slika2 = $(this).next("img");
    $(this).next("img").attr("src", slika);
    $.ajax({
        type: "POST",
        url: "rotiraj.php",
        data: {
            slika: slika
        },
        success: function(data) {
            $("#myimage").attr('src', data);
        }
    });
});

merci pour la réponse, je suis d'apprécier, mais pas de travail, il ne sera pas de rafraîchissement de l'image
de quoi êtes-vous de retour à partir de votre script PHP (rotiraj.php)? Pouvez-vous ajouter à votre question?

InformationsquelleAutor thiag0

0

Essayer quelque chose de ce genre si l'image a toujours le même nom:
```
$('.slika img').attr('src', 'new path to image');
```
autrement:
```
$('.slika img').attr('src', 'new path to image' + '?_=' + new Date().getTime()); 
```
- merci, de même que David réponse, et même problème
- Avez-vous essayé d'utiliser '?_='?
InformationsquelleAutor Ragnar

Vous devez vous connecter pour publier un commentaire.