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 相关文章推荐
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
TypeScript 学习笔记之基本类型
Jun 19 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
Apr 19 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
laydate日历控件使用方法详解
Nov 20 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
微信小程序身份证验证方法实现详解
Jun 28 Javascript
JS script脚本中async和defer区别详解
Jun 24 Javascript
针对Vue路由history模式下Nginx后台配置操作
Oct 22 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 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
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
JavaScript 图像动画的小demo
2012/05/23 Javascript
JavaScript 判断浏览器是否支持SVG的代码
2013/03/21 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
vuex 的简单使用
2018/03/22 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
2018/08/07 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
vue 实现锚点功能操作
2020/08/10 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
[02:04]完美世界城市挑战赛秋季赛报名开始 谁是solo路人王?
2019/10/10 DOTA
在Python中处理字符串之isdigit()方法的使用
2015/05/18 Python
用Python写一个无界面的2048小游戏
2016/05/24 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
影视动画专业个人的自我评价
2013/12/31 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
年终工作总结范文
2019/06/20 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
php引用传递
2021/04/01 PHP
一看就懂的MySQL的聚簇索引及聚簇索引是如何长高的
2021/05/25 MySQL