動態顯示來自文件夾的最新圖像

Question

我有以下代碼從我選擇的文件夾中獲取最新圖像。

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

sort($list); 
?> 

<img src="<?=array_pop($list);?>"> 

我想要做的就是在不刷新頁面的情況下立即顯示最新圖像。我想這可以用jQuery來完成，但我無法弄清楚。我將不勝感激任何幫助！

Answer 1

使用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); 
?>