js动态改变img元素src在IE无效的问题
2013-11-12 22:25
751 查看
做了个验证码功能,需要做个点击改变验证码图片的功能,使用js改变img的src,代码如下
image.jsp是用来生成验证码图片的,chrome下没有问题,IE下图片没有刷新,FF下也没有。搜索答案,在stackoverflow上找到了答案。链接如下:Dynamically change image src using Jquery not working in IE and firefox
原回答如下:
IE caching all GET request, so add a timestamp to your request URL e.g :
大意是IE下会缓存什么的云云,不必深究,在后面把时间传进去就OK了,那我的js代码就相应改成了
OK,在IE和FF都正常工作了。
补记:后来一位同学碰到类似的问题,但他的情况并不是去请求页面,只是用js动态的改变图片的src,src是直接用的静态图片,虽然服务器的图片已改,但是前台依旧显示旧图片,使用上面说的方法可以解决问题。套样上面的代码就是:
其实jsp页面和静态图片都属于url资源,据此推测,加timestamp的方法适用于任何使用url访问的资源缓存问题。
$("#cerificationCodeImg").attr("src","common/image.jsp");
image.jsp是用来生成验证码图片的,chrome下没有问题,IE下图片没有刷新,FF下也没有。搜索答案,在stackoverflow上找到了答案。链接如下:Dynamically change image src using Jquery not working in IE and firefox
原回答如下:
IE caching all GET request, so add a timestamp to your request URL e.g :
$(".linkEmail").click(function () { //Load captcha image $('.imgCaptcha').attr('src', '/Custom/AppCode/Utilities/CaptchaGenerator.ashx?'+new Date().getTime()); $('#emailModal').modal(); });
大意是IE下会缓存什么的云云,不必深究,在后面把时间传进去就OK了,那我的js代码就相应改成了
$("#cerificationCodeImg").attr("src","common/image.jsp?"+new Date().getTime());
OK,在IE和FF都正常工作了。
补记:后来一位同学碰到类似的问题,但他的情况并不是去请求页面,只是用js动态的改变图片的src,src是直接用的静态图片,虽然服务器的图片已改,但是前台依旧显示旧图片,使用上面说的方法可以解决问题。套样上面的代码就是:
$("#cerificationCodeImg").attr("src","common/image.jpg?"+new Date().getTime());
其实jsp页面和静态图片都属于url资源,据此推测,加timestamp的方法适用于任何使用url访问的资源缓存问题。
相关文章推荐
- js改变img标签的src属性在IE下出问题的解决方法
- 解决javascript动态改变img的src属性图片不显示问题
- IE6 下JS改变IMG标签SRC不显示的问题[终级方法]
- IE撤销机制Ctrl-Z功能会在由于Js动态改变页面元素失效
- 解决javascript动态改变img的src属性图片不显示问题
- 解决javascript动态改变img的src属性图片不显示问题
- 客户端浏览器爬虫在爬取动态生成的img元素及动态设置src属性的问题
- js动态改变图片src在ie6下的兼容问题
- js改变img标签的src属性在IE下没反应的解决方法
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- js动态更换img的src问题
- 解决IE和FF下改变img的src后,获取图片高度和宽度问题
- 解决javascript动态改变img的src属性图片不显示问题
- 解决javascript动态改变img的src属性图片不显示问题
- 用js动态的改变img标签里面的src属性实现图片的循环切换
- [问题-unfinished],怎样使动态改变的js里的document.write任意时间都可以显示在页面上, 问题是不在appendChild前面加一个alert() , append上去的js中的document.write语句通通无效
- js改变img标签的src属性在IE下没反应的解决方法
- js改变img标签的src属性在IE下没反应的解决方法
- 有关firefox和chrome下js动态创建form元素无法传值的问题