如何停止浏览器加载图像或断开与主机的连接？

Question

我正在使用 jQuery 加载 facebook 个人资料图片，如果 5 秒后无法加载图片，我希望浏览器断开与 facebook 的连接。这是我的代码：

jQuery(window).bind("load", function() {
    jQuery('#fbProfilePicture').attr("src","http://graph.facebook.com/100001225080368/picture");
    setTimeout(function(){              
          //my code
          if (true)
          {
            //how to disconnect to facebook here.
          }
          else
          {
            //do something
          }
    },5000);
});     

我正在使用 Wordpress。请帮忙！

Answer 1

我只是将 src 属性设置为其他值。不是很漂亮，但是由于您无法控制 facebook 的响应，因此不确定它会变得多好。您使用 jQuery 的 load 事件来跟踪图像是否已加载。如果还没有，那么只需将 src 设置为其他内容（在我的情况下没有）或删除元素。

jQuery(window).bind("load", function() {
    var loaded = false;
    jQuery('#fbProfilePicture').load(function() {
        loaded = true;
    });

    jQuery('#fbProfilePicture').attr("src", "http://graph.facebook.com/100001225080368/picture");

    setTimeout(function() {
        //my code
        if (loaded) {

        } else {
            $('#fbProfilePicture').attr('src', '');
        }
    }, 5000);
});