延迟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 {
            //...........
        }
    }
);

我只想在var imgURL 完成加载时启动这个fb.api 调用。 有什么方法可以让我在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);