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

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

参考：http://blog.youkuaiyun.com/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

1. /** 
2.  * 验证码，提交前验证 
3.  */  
4. $(document).ready(function(){  
5.     var validated = false;  
6.     $.ajaxSetup({  
7.       dataType: "json",  
8.       beforeSend: function(xhr){  
9.           var csrftoken = $.cookie('csrftoken');  
10.           xhr.setRequestHeader("X-CSRFToken", csrftoken);  
11.       }  
12.     });  
13.     // 验证码输入失去焦点  
14.     $("#id_code").blur(function() {  
15.         //alert(1);  
16.         $.post(  
17.             $("#id_url_check").val(),  
18.             {"code": $("#id_code").val()},  
19.             function (data) {  
20.                 if (data.status == true)  
21.                     validated = true;  
22.             }  
23.         );  
24.     });  
25.   
26.     // 提交表单  
27.     $("form").submit(function(event){  
28.         if (validated)  
29.            return true;  
30.         else {  
31.             $( "span" ).text( "验证码不正确。" ).show().fadeOut( 3000 );  
32.             // 更换验证码  
33.             var timestamp = new Date().getTime();  
34.             $("#id_img_captcha").attr("src", $("#id_url_captcha").val() + '?' +timestamp );  
35.             event.preventDefault();  
36.             }  
37.         }  
38.     );  
39.   
40.     // 点击更换验证码  
41.     $('#id_img_captcha').click(function() {  
42.         var timestamp = new Date().getTime();  
43.         $(this).attr("src", $("#id_url_captcha").val() + '?'+ timestamp);  
44. });  
45. //  
46. });