如何識別何時使用jQuery下載圖像？

Question

我正在使用表單輸入來即時更改img標記的來源。我想在圖像完成下載之前將ajax加載器替換爲圖像，然後用新圖像替換加載器。任何人都知道我可以做到這一點？

Answer 1

你不需要jQuery就知道圖像何時加載。

// show animation that indicates image is loading 
    var test = new Image(); 
    test.onload = function() { 
     // this gets called when the image has loaded 
     // we need to place the image on the page: 
     $('#ImageContainerWhatever').append(test); 
     // and hide the loading animation 
    }; 
    test.src = 'my_image.png'; 

onload當瀏覽器加載圖像它不`噸，如果從網絡或本地緩存關係被調用。

看到那些例子：https://developer.mozilla.org/en/Canvas_tutorial/Using_images

Answer 2

您可以將事件偵聽器添加到圖像的load事件中。