Загрузка изображений с помощью javascript не обновляется при изменении изображения

Question

У меня есть проблемы с использованием wamp, когда я редактирую (во внешней программе) изображение, загружаемое с javascript, оно не обновляется на веб-сервере.

Я использую этот код для загрузки изображения в качестве фона h2 тегов

$('div.drawer h2').each(function(index) 
{ 
    $(this).css("background-image", "url(./images/" + $(this).text() + ".png)") 
}); 

Это загружает изображение с текстом h2 + .png из изображения папки

Однако это Безразлично перезагрузите изображение в кеш, поэтому, если я отредактирую исходное изображение, оно не изменится на веб-странице.

Если я загружаю изображение в CSS (с переменной фонового изображения), оно загружается и обновляется в порядке.

Как это можно устранить? и ожидается ли это?

Answer 1

изображение, вероятно, кэшировано в вашем веб-браузере, попробуйте нажать Ctrl + F5, чтобы перезагрузить его.

Или вы можете попробовать ctrl + удалить и удалить весь кеш браузера, чтобы убедиться, что это ваша проблема.

Если вы динамически загружаете изображение в javascript, вы можете добавить? Randomnumber после имени изображения.

Как и http://yourserver/imageName.jpg?1234, тогда URL-адрес будет уникальным для каждого запроса, поэтому он не будет попадать в кеш браузера.