javascript - 动态图像更新在 Mozilla 中不起作用

Question

我在jsp中设置了一个图像

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

这将调用适当的 servlet 并显示结果。单击此图像，将调用 servlet 并生成新图像。要在页面上显示，我使用以下方法

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

}

这似乎在 chrome 上运行良好，但在 mozilla 上不起作用。无法找出我做错了什么。

Answer 1

在我的呼叫网址中添加时间解决了我的问题。

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" />