Задать вопрос
Maxima
@Maxima
javascript

А можно ли остановить загрузку конкретной каритинки Javascript

Из области фантастики конечно, но вдруг…
Понятно что можно остановить загрузку всей страницы stop() и тогда все загрузки тоже отвалятся,
но это не то что нужно, нужно сказать стоп конкретной картинке если она слишком долго грузится.

Решение найдено.
Вот его автор paaashka
Реально помог довести наш скрипт до идеала.
Потратил на меня кучу времени но добил таки его, на чистом JS
  • Вопрос задан
  • 5748 просмотров
4 комментария
Подписаться 4 Оценить 4 комментария
Решения вопроса 1
Paaashka
@Paaashka
А если для картинки динамически создавать iframe с ней, и если не пришло событие из айфрейма о том, что картинка загрузилась, то удалять айфрейм вместе с картинкой? Сейчас попробовал — при удалении айфрейма, загрузка картинки останавливается.
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 5
JeanLouis
@JeanLouis
Можно попробовать два варианта.

Первый, очевидный, что-то сделать с самой картинкой (img), изменить атрибут src, преобразовать в другой тег. Но скорее всего это не работает, поэтому вы и спрашиваете.

Второй, теоретически возможный вариант. Это сделать ajax запрос к нужной картинке и в нужный момент вызвать метод abort объекта XMLHttpRequest (например, функция jQuery $.ajax возвращает подобный объект). Таким образом, если предположить, что браузер кеширует запросы, картинка может оказаться в кеше в случае успешного выполнения. Это нужно проверить.
Ответ написан
9 комментариев
9 комментариев
nikitammf
@nikitammf
У картинки есть событие «onabort». Может попробывать его тригерировать( img.fireEvent(«abort»))?
Ответ написан
3 комментария
3 комментария
sedictor
@sedictor
Функцию loadedImg удаляет загруженный img из массива еще незагруженных.
Через полминуты, всем незагруженным изображениям меняется src, тем самым прекращая загрузку
var notLoadedImgs = $('img');
$('img').load(function() {loadedImg(this);}); // loadedImg excludes img from notLoadedImgs
setTimeout(function() {
    $(notLoadedImgs).attr('src', '404');
}, 30000);
Ответ написан
3 комментария
3 комментария
sedictor
@sedictor 
$('img').execCommand("Stop", false);

может так?
Ответ написан
3 комментария
3 комментария
sedictor
@sedictor
А попробуйте не менять src, а вообще его убирать removeAttr('src')
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Ещё заказы