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

1. 当点击某一按钮的时候，把图片域中的图片改变一下

 <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" />
  <span style="cursor:hand" onclick="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修改image的src属性,图片不加载问题的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

深入理解jquery跨域请求方法
项目中关于ajaxjsonp的使用，出现了问题：可以成功获得请求结果，但没有执行success方法总算搞定了，记录一下functionTestAjax(){$.ajax({type:"get",async:false,url:"

JQuery 的跨域方法推荐_可跨任何网站
因发现有不少博友发园内短信问及JS的跨域问题，我想很多程序员的脑海里面还认为JS是不能跨域的，其实这是一个错误的观点；有很多人在网上找其解

jQuery使用ajax跨域获取数据的简单实例
jQuery使用ajax跨域获取数据的简单实例varwebMethod="http://localhost:54473/Service1.asmx/HelloWorld";jQuery.support.cors=true;//之前没有加这句老是提示notransport，我没去深