动态图像更新不会在Mozilla

Question

在jsp中工作，我已经将图像设置为

<img id="captcha" src= "/app/img.servlet" onclick="reloadImg();" /> 

这将调用适当的servlet和显示此图像上result.Clicking，servlet的将被召回，新的图像会是generated.To在页面上显示我用下面的方法

function reloadImg(){ 
$("#captcha").attr("src", "/app/img.servlet"); 

}

这似乎工作的罚款铬，但在Mozilla不起作用。找不到我做错了什么。

Answer 1

添加时间在我的URL呼叫解决我的问题。

function reloadImg(){ 
var d = new Date(); 
$("#captcha").attr("src", "/app/img.servlet?"+d.getTime()); 
} 

Answer 2

你准备好了吗？

对于图像有检查DOM准备

$(function(){ 
     //your code goes here 
}) 

Answer 3

您可以编写完整的jQuery的功能，如：

<script type="text/javascript"> 
$(document).ready(function() { 
    $(document).on("click",".signup-info_class",function() { 
     var d = new Date(); 
     $('#captcha_image').attr('src',"jcaptcha.jpg?"+d.getTime()); 
    }); 
}); 
</script> 

HTML代码将是这样的：

<img id="captcha_image" src="jcaptcha.jpg" height="40" width="122"/> 
<img src="images/refresh_image.jpg" class="signup-info_class" 
            alt="reload" width="40" height="40" />