Как удалить изображение из ресурсов браузера?

Question

[Андрей Суржиков]

Вводные данные:
Есть приложение на HTML5 + JS
В нем раз 3 секунды обновляются несколько картинок.

Обновляются с помощью подстановки случайного числа в конце url:

$(".pluginImage").each(function(i,item){
var src=$(item).attr('src');
$(item).attr('src','');
$(item).attr('src',src.split("?")[0] + "?" + Math.random());
}

Картинки векторные (svg) размером примерно по 2кб
И при каждом обновлении они (как я понимаю) остаются в ресурсах браузера.



Через некоторое время (а приложение подразумевает длительную работу) , особенно если вкладок с приложением открыто несколько, понятно что случается:

Вкладка сообщает что не хватает памяти

Есть ли способ не плодить изображения в ресурсах (с применением только JS, что-то вроде принудительного удаления из кеша)?

Comments

[vasIvas]

Так вроде при подстановке случайного числа, Вы говорите браузеру, что эту картинку не нужно брать из хеша, а нужно загрузить по новому. А следом Вы спрашиваете, как её от туда удалить. Логичнее было бы не добавлять анти-хеш...

[Андрей Суржиков]

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

[IceJOKER]

Андрей Суржиков: создаем новый Image, при создании нового, старого удаляем

Answer 1

[tzlom]

Тебе надо отслеживать не запросы а память, соответственно она у тебя растёт из за того что браузер не освобождает ресурсы картинки - возможно ты на них ещё как-то ссылаешься

Answer 2

[dyvniy]

У меня тоже падает.
Создаю локальную переменную
var img = Image();
Добавляю ей функцию onLoad и задаю src.
После исполнения данной функции картинка копируется в Canvas и больше не нужна - но память браузера съедает. Больше никто на неё не ссылается, но память не освобождается. Может её нужно как-то корректно почистить?