Как определить, когда изображение загружается с помощью 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 изображения.