如何在 PHP 中动态刷新 DIV

Question

我正在执行一个 Python 文件，该文件将图像保存到名为“latestimage.png”的文件夹中，在 PHP 网页中使用：

$proc = popen('python -u python.py', 'r');
                    echo '<pre>';
                    while (!feof($proc))
                        {
                            echo fread($proc, 4096);
                        }
                    echo '</pre>';
            }

如您所见，有一个 while 循环可以阻止其他任何事情的发生，直到脚本完成执行。我有一个显示最新版本的 'latestimage.png' 的 DIV：

<?php
                $filepath = $_SESSION['filepath'];
                $new_file = $filepath ."\\latestimage.png";
                ?>
                <img src="<?php echo $new_file; ?>">            
        </div>

我想知道如何动态更新 DIV，以便每次 Python 文件创建新图像时，都会更新 DIV 以显示新图像。谢谢。

Answer 1

由于 HTML 是 HTML 的一部分，并且 HTML 仅在客户端查看，因此您需要使用 AJAX 之类的东西，它会为您从服务器请求图像，只需给出它的 URL。您必须经常这样做，以便知道您正在获取最新版本的照片

Answer 2

试试这个

<?php
$filepath = $_SESSION['filepath'];
$new_file = $filepath ."\\latestimage.png";
if (isset($_GET['GetIMG'])&& $_GET['GetIMG']==1){
echo$new_file;
}else{
?>
<img id="IMG"src="<?php echo $new_file; ?>"> 

<script>
function GetIMG() 
{
  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function () 
  {

 if (xhttp.readyState === 4 && xhttp.status === 200)
 {
   document.getElementById("IMG").src = xhttp.responseText;

    }
  };

  xhttp.open("GET", "getIMG.php?GetIMG=1", true);
  xhttp.send();
}

intrv01 = window.setInterval(GetIMG, 5000); 

</script>


<?}?>