URL-адрес изображения содержит изображение с именем файла platecar.jpg, изначально оно будет отображаться каждую секунду, но если я заменю изображение platecar.jpg другим, но с тем же именем platecar.jpg, оно не будет отображаться.изменить, если я не обновлюсь с жестким пустым кешем и полной перезагрузкой в браузере.
Я еще не дома, поэтому у меня нет ноутбука, и я не хочу использовать для этого базу данных.Я думал об AJAX, это будет делать?
мой текущий код в:
javascript
$(document).ready(function () {
displayNewSnapshot();
})
function displayNewSnapshot() {
var interval = setInterval(function () {
let imageDataURL = "/images/plate_car.jpg";
$('#uploadedImage').attr('src', imageDataURL);
console.log('img loaded.');
}, 1000);
}
html
<body>
<div>
<img id="uploadedImage" src="">
</div>
</body>
Операциянапример, файл platecar.jpg будет перезаписываться каждую секунду или около того, и страница должна будет отображать это изображение каждую секунду или около того, но этого не произойдет, если только пустой кэш и полная перезагрузка при обновлении.Я не хочу, чтобы у него был код автообновления, потому что это очень раздражает пользователя или даже кого-либо.
НОВОЕ ОБНОВЛЕНИЕ:
function displayNewSnapshot() {
var interval = setInterval(function () {
let latestTimepost = new Date().getTime();
let imageDataURL = "/images/plate_car.jpg?t=" + latestTimepost;
$('#uploadedImage').attr('src', imageDataURL);
console.log(latestTimepost);
}, 1000);
}
выше сработало, но только один раз,при одновременном изменении изображения оно не меняется быстрее.Это может измениться быстрее, только когда я перейду на другие вкладки и вернусь к нему без обновления.Я действительно проверял, обновляется ли дата и время, которые я всегда включаю, каждую секунду, и это происходит, но изображение - нет.Почему это?