延迟ajax或jquery调用直到动态图像加载

Question

  

可能重复：
  jQuery Ajax wait until all images are loaded

//var imgURL="http://xxxx.xxx:8084/xxx/largedynamicimagethattakestime
FB.api(
    '/me/photos', 
    'post', 
    {
        message:' coffee',
        url: imgURL        
    }, 
    function(response) {
        if (!response || response.error) {
            alert('Error occured'+response.error);
        } 
        else {
            //...........
        }
    }
);

我想仅在fb.api完成加载时才启动此var imgURL来电。 是否有任何方法可以在div中加载此图像并仅在图像完全加载时调用fb.api？ 提供带图像的按钮来发布这些图像也很受欢迎。

Answer 1

你需要监听图像的onload事件：

var image = document.createElement("img");
image.onload = function() {
    // Call API
};

image.src = "http://a57.foxnews.com/global.fncstatic.com/static/managed/img/Scitech/660/371/tardar-sauce-the-cat.jpg";

document.body.appendChild(image);