检查连接是否有网址 - 图像加载

Check connection for url - image load

本文关键字：图像 加载 连接 是否 检查      更新时间：2023-09-26

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

$container.imagesLoaded( function(){
     alert('OK');
     ....   /// do masonry layout
});

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

<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>
相关文章：