tag - ¿Cómo actualizar el src de<img/> con jQuery?

select img src jquery

Question

<img src="test.php" />

donde test.php genera una imagen con un número aleatorio.

Lo intenté :

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

Pero no funciona.

Answer 1

Agregue una marca de tiempo o un número aleatorio:

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

Answer 2

En test.php establece los encabezados de Content-Type: a image/jpeg

Answer 3

Puede forzar una actualización agregando una cadena aleatoria al final, cambiando así la URL:

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

Answer 4

Tomando la gran respuesta de KPrimes y agregando sugerencias de rastreadores, esto es lo que se me ocurrió:

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;
    });
});