相关疑难解决方法(0)

如果头404比隐藏它,jQuery检查图像存在

使用php从数据库中获取100张照片网址并在页面上显示,但有些照片可能不再存在.如果照片网址失败(404)我想使用jquery来隐藏图像,并且不想显示任何错误图片.这是我的代码,但它不起作用.

HTML

<div id=test>
    <img src="http://test.com/test1.jpg" />
    <img src=" http://test.com/test2.jpg" />
    <img src="http://test.com/test3.jpg" />
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

var pic_list = jQuery("#test img");

pic_list.load(function () {
    var http = new XMLHttpRequest();
    http.open('HEAD', pic_list, false);
    http.send();
    if (http.status == 404) {
        pic_list.hide();
    } else {
        pic_list.show();
    }
});
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery

16
推荐指数
2
解决办法
1万
查看次数

标签 统计

ajax ×1

javascript ×1

jquery ×1