如何在Django HTML中刷新图像

<img id="image" src="path_to_image.jpg">

<script>
    setInterval(function() {
        var image = document.getElementById("image");
        image.src = image.src + "?" + new Date().getTime();
    }, 5000); // 每5秒刷新一次图像
</script>

from django.shortcuts import render

def refresh_image(request):
    # 获取最新的图像路径
    image_path = get_latest_image_path()
    return render(request, 'image.html', {'image_path': image_path})

<img src="{{ image_path }}">

<img id="image" src="path_to_image.jpg">

<script>
    setInterval(function() {
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                var image = document.getElementById("image");
                image.src = xhr.responseText;
            }
        };
        xhr.open("GET", "get_latest_image_path/", true);
        xhr.send();
    }, 5000); // 每5秒刷新一次图像
</script>