如何使用jQuery刷新<img/>的src?

时间:2010-01-04 06:52:39

标签: jquery

<img src="test.php" />

其中test.php生成一个随机数的图像。

Itried:

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

但它不起作用。

4 个答案:

答案 0 :(得分:58)

您可以通过在末尾添加随机字符串来强制刷新,从而更改URL:

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

答案 1 :(得分:9)

添加时间戳或随机数:

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

答案 2 :(得分:6)

KPrimes给出了很好的答案并添加了跟踪器建议,这就是我想出的:

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

答案 3 :(得分:0)

在test.php中,将Content-Type:的标题设置为image/jpeg