Встречается на собеседованиях • сегодня
Как сбросить кэширование и заменить картинку фронтально
Для сброса кэширования изображения можно использовать несколько подходов:
1. Добавление параметра с версией или временной меткой к URL:
```html
```
или в JS:
```javascript
const img = new Image();
img.src = 'image.jpg?' + new Date().getTime();
```
2. Использование Cache-Control заголовков на сервере:
```http
Cache-Control: no-cache, no-store, must-revalidate
```
3. Переименование файла (эффективно, но требует изменения кода)
4. Для динамической замены в браузере:
```javascript
document.getElementById('myImage').src = 'new-image.jpg?' + Date.now();
```
Важно: при работе с CDN может потребоваться дополнительная инвалидация кэша через панель управления CDN.
```
или в JS:
```javascript
const img = new Image();
img.src = 'image.jpg?' + new Date().getTime();
```
2. Использование Cache-Control заголовков на сервере:
```http
Cache-Control: no-cache, no-store, must-revalidate
```
3. Переименование файла (эффективно, но требует изменения кода)
4. Для динамической замены в браузере:
```javascript
document.getElementById('myImage').src = 'new-image.jpg?' + Date.now();
```
Важно: при работе с CDN может потребоваться дополнительная инвалидация кэша через панель управления CDN.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы