关于检测图片地址是否可用的问题(注意ie8的情况)
来源:互联网 发布:淘宝博库图书专营店 编辑:程序博客网 时间:2024/06/07 03:18
其实主要是利用图片的onload和onerror事件,onload执行表示图片地址可以用,onerror执行表示图片地址不可用
var newSrc = 'xxxxxxxxxxx';//新的图片地址
var defaultSrc = 'yyyyyyyyyyy'; //默认的图片地址
var img = new Image();//创建一个图片对象
var target = $(elm);//真正设置图片的dom元素
target .attr("src", newSrc);
}
img.onerror = function() {
target .attr("src", defaultSrc);
}
img.src = newSrc;//这一行的位置很重要,如果在高版本的浏览器中放在onload事件之前还是后面,都没有问题,但是低版本的话,就只能放在事件后面
IE在再次显示图片的时候不是从服务器发来的图片,而是从缓存中获取上次缓存的,这样从缓存中加载的速度是很快的,所以还没有运行到onload的时候,onload事件已经触发了,这就导致onload事件中的代码无法执行了。
既然这样,那我们就可以把onload事件函数写到给src赋值的语句前面,这样就解决了问题
0 0
- 关于检测图片地址是否可用的问题(注意ie8的情况)
- Android检测系统的摄像头是否可用
- IE8/IE9 console 应该注意的问题;
- 关于cookie在ie8中无法使用在FF下可用的问题
- JS检测APP是否安装的情况
- JS检测APP是否安装的情况
- 关于在Android上检测是否存在网络的问题
- 关于sizeof(特别注意指针的情况)
- IP 地址冲突检测(解决某种情况下 arp 机制无效的问题)
- 兼容ie8图片预览地址问题
- ios7关于图片资源使用需要注意的问题
- C#快速检测是否有可用的网络连接存在
- Android 的网络编程(7)-检测网络是否可用
- 基于ADNROID 检测网络是否可用的两种方式
- 安卓开发 检测WIFI是否可用的另一种方法
- iOS 检测网络是否真正可用(连通)的方法
- 关于IE8兼容的一些问题
- 关于 IE8 console不未定义的问题
- windows 进程间通讯
- MySQL Error Code: 1175
- cocoapods用法及遇到的问题解决
- 模态跳转的动画方法(系统提供)
- 简历投递
- 关于检测图片地址是否可用的问题(注意ie8的情况)
- NKOI 3504 迷宫
- MFC画柱状图之High-speed Charting Control(待续)
- 获取前台应用包名 终极解决方案
- ios中陀螺仪CoreMotion的用法
- !important详解
- Magento从入门到精通(一)
- 多线程 知识点(零碎)
- struts2 json 插件 (与hibernate 关联对象)碰到的问题和处理