Использование jQuery для загрузки изображений, как остановить кэширование

Question

Я использую jQuery для динамической загрузки изображения на веб-страницу.Каждый раз, когда пользователь нажимает кнопку «Отправить», создается новое изображение.Проблема в том, что если я не добавлю случайное число в конец URL-адреса изображения, то из-за кэширования будет возвращено то же изображение.

Мой код выглядит следующим образом ...

img.attr('src', url + resp.id + '.png?' + cache);

Я хотел бы избавиться от строки кэша в конце и по-прежнему обслуживать свежий образ, кто-нибудь знает, как это сделать?Я не верю, что это проблема на стороне HTTP-сервера (при использовании nginx), поскольку при прямом запросе отображается правильное изображение даже без уничтожителя кэша.

Answer 1

Это самый простой способ обойти эту проблему, потому что она существует специально.

Обычная вещь, которую нужно сделать, это добавить время в строку

var d = new Date();
var cache = d.getTime(); 

// getTime() Returns the number of milliseconds since midnight Jan 1, 1970