Угловое изображение под нагрузкой с кешем

Question

0

Есть так много ответов на вопрос, как мы можем проверить, когда загружается изображение. В моем случае некоторые из изображений кэшируются и скрипт:

        element.bind('load', function () {
            // fire something
        });

не работает. Он отлично работает, когда изображение не кэшируется, но когда он кэшируется, он терпит неудачу.

Gonchar Denys 19 сен. 2015, в 22:15

Теги:

caching

onload

1 ответ

brute_force · Answer 1 · 2015-09-19T18-18-00.000Z

Если изображение сохранено в кеше браузера, событие img.onload не будет вызываться.

Я googled для проблемы, и это общая проблема с vanilla js, и для этого есть только обходные пути.

Самое лучшее обходное решение, на мой взгляд, таково:

Установите свойство onload перед src.

var img = new Image();
img.onload = function () {
   alert("image is loaded");
}
img.src = "img.jpg";

Поэтому я думаю, вам придется сбросить атрибуты src изображений после того, как вы объявите прослушиватель element.bind.