图片onerror事件,为图片加载指定默认图片
2013-07-31 09:00
190 查看
为图片指定加载失败时显示默认图片,js输出的img对象,onerror是事件,不是属性,所以这样写是不起作用的:
var img = $(document.createElement("IMG"));
img.attr({
"src": imgs[idx],
"alt": tips[idx],
"onerror":"this.src='" + NoPicPath +"'"
}).appendTo(div);
应该是绑定事件:
//图片加载失败时,加载默认图片
$('img').error(function () {
$(this).attr('src', NoPicPath);
});
if ($.browser.msie && $.browser.version < 9) {
$('img').each(function () {
$(this).attr('src', $(this).attr('src'));
});
}
参考:http://www.paulund.co.uk/handle-image-loading-errors-with-jquery
2017-3-15 更新:jquery 3+版本去掉了error事件,可以用下面方式绑定
$(function () {
$('img').each(function () {
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
this.src = '/uploadfiles/nophoto.jpg';
}
});
})
var img = $(document.createElement("IMG"));
img.attr({
"src": imgs[idx],
"alt": tips[idx],
"onerror":"this.src='" + NoPicPath +"'"
}).appendTo(div);
应该是绑定事件:
//图片加载失败时,加载默认图片
$('img').error(function () {
$(this).attr('src', NoPicPath);
});
if ($.browser.msie && $.browser.version < 9) {
$('img').each(function () {
$(this).attr('src', $(this).attr('src'));
});
}
参考:http://www.paulund.co.uk/handle-image-loading-errors-with-jquery
2017-3-15 更新:jquery 3+版本去掉了error事件,可以用下面方式绑定
$(function () {
$('img').each(function () {
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
this.src = '/uploadfiles/nophoto.jpg';
}
});
})
相关文章推荐
- 图片onerror事件,为图片加载指定默认图片
- 用onerror事件捕获图片显示(加载)异常,并用默认图片替换
- 加载默认图片,如何避免img标签陷入onerror事件死循环
- <img>标签加入onerror事件,如果没有找到图片,则使用默认图片
- 用Javascript判断图片是否存在,不存在则显示默认图片 onerror事件
- 【JavaScript】加载失败的红叉图片处理与<img>图片标签的onerror事件
- JavaScript-onerror事件:图片加载失败后不显示
- 利用图片的 onerror 事件载入默认图片
- 利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL
- 利用图片的 onerror 事件载入默认图片
- 利用onerror事件,对加载出现错误的图片进行替换
- 图片(img标签)的onerror事件当图片无法加载时处理
- 利用图片的 onerror 事件载入默认图片
- Flex中Image加载图片出错显示默认图片
- 图片路径加载失败,火狐浏览器默认显示断裂图片
- 加载类需指定ClassLoader(默认当前ClassLoader加载)ClassObject* dvmResolveClass(ClassObject* referrer, u4 classIdx)
- 巧妙利用图片IMG的onerror事件
- 网页图片加载失败,用默认图片替换
- 网络安全(2) -- 关于一次XSS攻击-图片(img标签)的onerror事件
- 点击链接页面滑动到指定区域_和_图片延迟加载