【转】Jquery修改image的src属性,图片不加载问题
2014-10-17 15:11
369 查看
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");
<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修改image的src属性,图片不加载问题
- Jquery修改image的src属性,图片不加载问题
- Jquery修改image的src属性,图片不加载问题的解决方法
- Jquery修改image的src属性,图片不加载问题
- 网页中通过js修改img的src属性刷新图片时,图片缓存问题现象表述及问题解决
- 网页中通过js修改img的src属性刷新图片时,图片缓存问题现象表述及问题解决
- 关于修改image属性后图片不刷新问题
- 网页中通过js修改img的src属性刷新图片时,图片缓存问题现象表述及问题解决
- 【jQuery】修改图片src属性切换图片
- 在使用img标签的src属性引用网络图片资源时加载图片失败的问题
- IE jquery修改img的src,不加载问题
- 网页中通过js修改img的src属性刷新图片时,图片缓存问题现象表述及问题解决
- 网页中通过js修改img的src属性刷新图片时,图片缓存问题现象表述及问题解决
- 图片延迟加载中使用table的兼容问题修改
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- js 实现图片预加载 (js操作 Image对象属性complete ,事件onload 异步加载图片)
- 使用jquery动态修改dom元素属性在IE下的问题
- j2me在Eclipse环境上加载图片问题(Image.createImage)!
- js 实现图片预加载 (js操作 Image对象属性complete ,事件onload 异步加载图片)