图片加载失败时展示默认图片

最新推荐文章于 2024-08-20 10:32:53 发布

justinytsoft

最新推荐文章于 2024-08-20 10:32:53 发布

阅读量2.9k

点赞数 1

分类专栏： js 文章标签：图片加载失败替换为默认图片 js jquery

本文链接：https://blog.csdn.net/justinytsoft/article/details/78580834

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

HTML:

<img src='${defalutImg}' data-src="${fileDomain }/images/${poi.firstPic}" width="90" height="66" />

JS:

/**
 * 图片加载成功时，将默认图片替换为真实图片
 */
function imgNetPing() {
	$('img').each(function() {
		var _this = $(this);
		//真实的图片路径
		var imgurl = _this.attr("data-src");
		//判断是否加载成功
		var netPing = new Image();
		netPing.onload = function() {
			//替换为真实图片
			_this.attr("src", imgurl);
		};
		netPing.src = imgurl;
	})
}