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


Posted in Javascript onMay 17, 2016

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属性,图片不加载问题的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js判断变量是否空值的代码
Oct 26 Javascript
Javascript结合css实现网页换肤功能
Nov 02 Javascript
js计算德州扑克牌面值的方法
Mar 04 Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 Javascript
js改变style样式和css样式的简单实例
Jun 28 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
微信小程序 less文件编译成wxss文件实现办法
Dec 05 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
Feb 10 Javascript
JavaScript获取select中text值的方法
Feb 13 Javascript
JavaScript之面向对象_动力节点Java学院整理
Jun 29 Javascript
vue+element表格导出为Excel文件
Sep 26 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
May 17 #Javascript
jquery获取img的src值的简单实例
May 17 #Javascript
jQuery Mobile框架中的表单组件基础使用教程
May 17 #Javascript
浅谈Javascript数组(推荐)
May 17 #Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 #Javascript
javascript css红色经典选项卡效果实现代码
May 17 #Javascript
JS获取IMG图片高宽的简单实例
May 17 #Javascript
You might like
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
php 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
Yii框架关联查询with用法分析
2014/12/02 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
jquery怎样实现ajax联动框(一)
2013/03/08 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
javascript if条件判断方法小结
2014/05/17 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
JavaScript实现指定数量的并发限制的示例代码
2020/03/10 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
2021/02/24 Javascript
[07:38]2014DOTA2国际邀请赛 Newbee顺利挺进胜者组赛后专访
2014/07/15 DOTA
[48:32]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python进程通信之匿名管道实例讲解
2015/04/11 Python
python中函数默认值使用注意点详解
2016/06/01 Python
python制作简单五子棋游戏
2019/06/18 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
苹果香港官方商城:Apple香港
2016/09/14 全球购物
国际领先的学术出版商:Springer
2017/01/11 全球购物
Expedia印度:您的一站式在线旅游网站
2017/08/24 全球购物
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
英语简历自我评价
2014/01/26 职场文书
《得道多助,失道寡助》教学反思
2014/04/19 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
幼儿园中班教师个人工作总结
2015/02/06 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
Python答题卡识别并给出分数的实现代码
2021/06/22 Python