火狐浏览器图形验证码刷新不生效的问题（图片src重新赋值不生效的问题）

场景之一

图形验证码刷新

刷新方式：点击一次图片，就重新给src赋值一次，从而进行刷新。

// 这种方式，谷歌浏览器正常刷新，火狐浏览器不会刷新
ImageCodeSrc = BASE_URL + "/login/captcha.jpg"

这样写在谷歌浏览器中是正常显示的，没有问题。但是火狐就会出现不刷新的问题。

原因

【由于指定的src与原来图片的src相同，所以在ie7、火狐浏览器下验证码不会刷新】

问题就出在上面的赋值方式，导致每次src的路径都是一样。

解决方法

加一个时间变量来让每次的src都不一样

代码修改如下：

// 这种方式，谷歌和火狐都能成功刷新
ImageCodeSrc = BASE_URL + "/login/captcha.jpg?d=" + new Date().getTime()

现在每次刷新都传递了不同的参数，火狐浏览器才会认为img的src发生变化，然后重新生产验证码。

火狐浏览器图形验证码刷新不生效的问题（图片src重新赋值不生效的问题）相关推荐

图形验证码开源库 Tess4J 的使用
实际应用中,为了保护重要接口,防止用户恶意攻击或穷举破解,在发送业务请求时生成图片验证码,要求人工识别并填写,一并提交给后台验证,以确保是人为请求.图形验证码开源库 Tess4J 生成的图片验证码还有 ...
kaptcha图形验证码组件
kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.K ...
c# 图形验证码生成代码解析
之前做登录时,发送短信验证码需要做安全控制,使用到了图形验证码使用的思路是: 1.建立一个验证码图片生成器页面 2.生成字母或数字组成的随机字符串 3.在Cookie中保存随机验证码 4.根据生成的 ...
java 验证码算术_java生成图形验证码（算数运算图形验证码 + 随机字符图形验证码）...
平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...
火狐浏览器图片显示异常，控制台检查是图片A，但是显示的是上一张图片
在vue里面通过v-if 或v-show来做不同图片之间的切换时,在火狐浏览器上会因为加载问题导致,图片没有及时更新到最新版本,但是控制台查看元素时路径却是正确的,这是只要将v-show或v-if提到 ...
java验证码局部刷新_JS局部刷新图形验证码
开发过程当中,网络安全采取的方法之一,采用验证码功能.一般在注册.登录的程序当中见得比较多.其自己在实现这一功能时,静态页面有一段调用图形验证码的PHP文件,//,验证码是随机生成的,一般将生成的验证 ...
火狐浏览器刷新ctrl+F5
火狐浏览器刷新ctrl+F5 转载于:https://www.cnblogs.com/nimezi/p/4334740.html
Firefox火狐浏览器web开发调试开启强制刷新缓存模式
Firefox火狐浏览器web开发调试开启强制刷新缓存模式最近做项目的时候,在火狐浏览器发现缓存难清理,用Ctrl+F5 Ctrl+R 等在谷歌和IE浏览器的快捷键没用,搜索了一下,发现火狐清理缓存 ...
css:overflow-x: overlay火狐浏览器不生效没有滚动条出现
项目场景: overflow-x: overlay是为了解决表格出现滚动条,会多出一小块位置,但是火狐浏览器对此不生效解决方案: overflow-x: overlay; overflow: aut ...

火狐浏览器图形验证码刷新不生效的问题（图片src重新赋值不生效的问题）

场景之一

原因

解决方法

火狐浏览器图形验证码刷新不生效的问题（图片src重新赋值不生效的问题）相关推荐

最新文章

热门文章