Comment rafraîchir le src de <img /> avec jQuery?

Question

<img src="test.php" /> 

où test.php génère une image avec un nombre aléatoire.

Itried:

Mais cela ne fonctionne pas.

Answer 1

Vous pouvez forcer un rafraîchissement en ajoutant une chaîne aléatoire à la fin, changeant ainsi l'URL:

$('#verifyimage').click(function() { 
    $(this).attr('src', $(this).attr('src')+'?'+Math.random()); 
}); 

Answer 2

Ajouter un horodatage ou un nombre aléatoire:

var timestamp = new Date().getTime(); 
$(this).attr('src',$(this).attr('src') + '?' +timestamp); 

Answer 3

Dans test.php ensemble les en-têtes de Content-Type: à image/jpeg

Answer 4

Prendre KPrimes grande réponse et en ajoutant dans la suggestion de trackers, ce que je suis venu avec:

jQuery(function($) { 
    // we have both a image and a refresh image, used for captcha 
    $('#refresh,#captcha_img').click(function() { 
     src = $('#captcha_img').attr('src'); 
    // check for existing ? and remove if found 
     queryPos = src.indexOf('?'); 
     if(queryPos != -1) { 
      src = src.substring(0, queryPos); 
     }  
     $('#captcha_img').attr('src', src + '?' + Math.random()); 
     return false; 
    }); 
});