动态显示文件夹中的最新图像


Display latest image from folder dynamically

我有以下代码可以从我选择的文件夹中获取最新图像。

<?php 
foreach (glob('/home/pi/camera/*.jpg') as $f) {
    $list[] = $f;
}
sort($list);
?>
<img src="<?=array_pop($list);?>">

然后我想做的是在文件夹中出现最新图像后立即显示它,而无需刷新页面。我想这可以用jquery完成,但我不知道怎么做。我将不胜感激任何帮助!

使用 ajax 定期加载 php 脚本,您将在其中使用代码来检查该文件夹中的所有文件。它可以返回包含所有文件的 json,您可以检查是否有任何新文件,然后您可以显示它。

$.ajax({
    url: 'get_files_in_folder.php',
    success: function(data) {
        // here you can compare old files with that you got in "data"
    }
});

文件get_files_in_folder.php应如下所示:

<?php 
    foreach (glob('/home/pi/camera/*.jpg') as $f) {
        $list[] = $f;
    }
    sort($list);
    echo json_encode($list);
?>