怎样使用jquery刷新验证码图片

之所以普通的做法无法实现实时更新，是因为被浏览器缓存了，所以加了个时间戳

参考：http://blog.csdn.net/fengyu09/article/details/50393856

How to refresh the src of <img /> with jQuery?

<img src="test.php" />

where test.PHP generates an image with a random number.

Itried :

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

But it doesn't work.

Add a timestamp or a random number:

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

怎样使用jQuery刷新验证码图片？

（使用ajax读取django返回的 image/gif，不可行。）

在点击图片时，在其Src属性上增加一个随机数，使用时间戳即可。

附代码：

[java]  view plain  copy /**   * 验证码，提交前验证   */   $(document).ready(function(){       var validated = false;       $.ajaxSetup({         dataType: "json",         beforeSend: function(xhr){             var csrftoken = $.cookie('csrftoken');             xhr.setRequestHeader("X-CSRFToken", csrftoken);         }       });       // 验证码输入失去焦点       $("#id_code").blur(function() {           //alert(1);           $.post(               $("#id_url_check").val(),               {"code": $("#id_code").val()},               function (data) {                   if (data.status == true)                       validated = true;               }           );       });          // 提交表单       $("form").submit(function(event){           if (validated)              return true;           else {               $( "span" ).text( "验证码不正确。" ).show().fadeOut( 3000 );               // 更换验证码               var timestamp = new Date().getTime();               $("#id_img_captcha").attr("src", $("#id_url_captcha").val() + '?' +timestamp );               event.preventDefault();               }           }       );          // 点击更换验证码       $('#id_img_captcha').click(function() {           var timestamp = new Date().getTime();           $(this).attr("src", $("#id_url_captcha").val() + '?'+ timestamp);   });   //   });