Recharger l'image sans rafraichissement de la page

Javascript:

function atualiza() {
  document.getElementById('badge').innerHTML = location.reload();
}

Je sais que l'emplacement".reload()" actualiser la page...

HTML:

<img id="badge" src="<?php echo $cms_url; ?>/imaging/badge.php?badge=$mygroup['badge']; ?>" />

J'ai besoin de freshed la src="" ou <img /> sans rafraichissement de la page.

Pourquoi êtes-vous à l'aide d'un élément de la valeur d'un attribut?
Je ne sais pas comment je peux le faire... Le droit serait un <div> avant <img>?
Double Possible de l'Actualisation de l'image avec un nouveau à la même adresse url

InformationsquelleAutor jcsantos | 2014-01-24

12

Changer votre img point:
```
<img id="badge" src="$cms_url/imaging/badge.php?badge=$mygroup['badge']; ?>">/imaging/badge.php?badge=<?php echo $mygroup['badge']; ?>" />
```
Ensuite, vous pouvez utiliser le code ci-dessous pour modifier votre source de l'image sur le clic d'un bouton, d'ancrage ou de quoi que ce soit:
```
document.getElementById("badge").src="new image src here";
```
Vous pouvez utiliser jQuery ainsi:
```
$("#badge").attr("src", "new image src here");
```
- J'ai essayé cette méthode et ça fonctionne! Merci 😀
InformationsquelleAutor Felix
12

Voir ceci: Mise à jour d'une image sans rechargement de la page
```
document.getElementById('yourimage').src = "url/of/image.jpg?random="+new Date().getTime();
```
de toute façon, cela a été copié à partir de ce thread et apparemment, il doit recharger l'image.

InformationsquelleAutor Kevin

Peut-être que le javascript que j'ai écrit est utile pour quelqu'un qui lit cette question. il annonces un horodatage pour chaque image de briser le cache du navigateur:

<script type="text/javascript">  

    function replaceSrc()
    {

        var images = document.getElementsByTagName('img');

        for(var i = 0; i < images.length; i++)
        {
            var dt = new Date();
            var img = images[i];

            if(img.src.length >= 0 & img.id != 'idImageNoTimestamp')
            {
                img.src = img.src + "?" + dt.getTime();
                //javascript:alert(document.lastModified);
            }
        }
    }
    replaceSrc();
      </script>

vous pouvez exclure certaines images à l'aide de l'attribut id. Je l'ai utilisé pour exclure Google static maps images. si vous n'en avez pas besoin, supprimer:

 & img.id != 'idImageNoTimestamp'

J'aime bien, mais si vous voulez ce dans une page qui se recharge uniquement des parties, il doit être img.src = img.src.split("?")[0] + "?" + dt.getTime();

InformationsquelleAutor Aurora

1

Pour AngularJs, on peut ajouter directement dans le fichier html comme ceci:

Html:
```
<div ng-controller="MyCtrl1"><div ng-repeat="img in images"> <img ng-src="{{img.image}}?_={{generatingNewDate}}"></div></div>
```
Ctrl:
$scope.generatingNewDate = new Date().getTime();

Vous pouvez avoir un coup d'oeil à ceci : https://jsfiddle.net/k614L8tt/
- Cela n'a rien à voir avec la question d'origine.
InformationsquelleAutor yaqub

Pourquoi avez-vous besoin de faire cela?

<img id="badge" src="<img id="badge" src="$cms_url/imaging/badge.php?badge=$mygroup['badge']; ?>">/imaging/badge.php?badge=<?php echo $mygroup['badge']; ?>">

quand vous pouvez faire cette

<img id="badge" src="<?php echo $cms_url. '/imaging/badge.php?badge='.$mygroup['badge']; ?>">

InformationsquelleAutor

Vous devez vous connecter pour publier un commentaire.