Jquery修改image的src属性,图片不加载问题

               

1.当点击某一按钮的时候,把图片域中的图片改变一下
    <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" />
    <span style="cursor:hand" "reflush();return false;">看不清</span>
    <script>
        function reflush()
        {
            document.getElementById(randimg).src="/servlet/CreateValidateNum";
        }
    </script>

2.说明
    ”servlet/CreateValidateNum“是JAVA写的servlet。该servlet是打印出图片

3.出现的问题

    在IE6下面图片修改正常,但在IE7和Firefox下面却不刷新

4.情况分析
    如果新的图片跟旧的图片地址不一样,效果是会出来的。即:图片有发生改变。
    但像”验证码“这种功能。新旧图片的地址是一样的。
    鉴于上述情况,怀疑有可能是因为图片地址是一样的,而导致浏览器自动读缓存。

5.解决方法
    把javascript改成这样即可:
    document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
    即:每次的访问地址都不一样,因为有加随机数。所以问题解决

Jquery获取src属性的方法:$("#image").attr("src");

修改src属性的值:$("#image").attr("src","image/1/gif");

------------

此方法 是可行的,我测试过的。当然我用的是jquery 

var src = "/servlet/CreateValidateNum?"+Math.random();

$("#img_id").attr("src", src_v);

           

猜你喜欢

转载自blog.csdn.net/qq_44910432/article/details/89447392