yjxf8285@qq.com

JavaScript

小技巧—判断图片是否加载失败,URL是否有效等等的方法。

Posted By 刘晓帆 | 1,721 views

为了良好的用户体验,一般情况如果网页上面某个图片的地址失效了,会使用一个图片失效的默认图片取代,或者链接地址失效的时候加一个删除线等等……
实现的方法是使用jQuery的ajax方法

$(function() {
$.ajax({
url: ‘./images/img2.jpg’,
type: ‘get’,
complete: function(response) {
console.info(response)
if (response.status == 200) {//地址加载成功
alert(‘有效’);
} else {
alert(‘无效’);
}
}
});
})

Read More