Проблема с кешем при изменении <img>src attr с тем же именем файла

Question

я пытаюсь динамически изменить путь src тега img

у меня есть:

<img src="img1.jpg">

Затем я загружаю новую фотографию с помощью iframe, и новая фотография принимает то же имя (img1.jpg) затем с помощью ajax я обновляю путь src (то же самое, но фотография меняется)

Проблема в том, что я использую то же имя файла, img не меняется в браузере, угадывая причину кеша браузера...

Есть ли какое-либо решение jquery, html или php по этому поводу?

спасибо

Answer 1

Вы можете попробовать добавить в конец произвольную строку запроса ... img src = "img1.jpg? Random_string"

Answer 2

Вы можете вернуть изображение в виде строки base64 в ответе ajax и добавить данные в элемент img.

<img src="data:image/jpeg;base64,[STRING GOES HERE]" alt=""/>

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