javascript - 检查 url 的连接 - 图像加载

Question

我制作了一些脚本，从其他网站加载许多图像。当它完成加载时，我会：

$container.imagesLoaded( function(){

     alert('OK');
     ....   /// do masonry layout
});

但是当某些img url不可用时我遇到了问题-脚本一直尝试从他无法连接的url加载图像，并且未执行imagesLoaded的功能。我该如何解决这个问题并删除不想加载的 img，例如 10 秒后。

Answer 1

<p>
 <span onclick="checkurlExist()">Click me!</span>
</p>

<script type="text/javascript">
    function checkurlExist()    {
        $.ajax({
            url:"http://yoururl.com/image.png",
            statusCode: {
                404: function () {
                    alert("URL not found");
                }
            },
            success: function () {
                alert('success');
            },
            error: function () {
                alert('error');
            }
        });
    }
</script>