獲取存儲圖像時，來自Raspberry Pi服務器的響應中斷

Question

我有一台Raspberry Pi服務器，上面已保存了PNG圖像。 我正在嘗試從服務器獲取圖像並將它們全部附加到HTML元素。 所有相關文件（圖像，HTML，JavaScript和PHP）都存儲在/var/www/html 。

文件load.php ：

<?php
$dirname = "/var/www/html/";
$images = glob($dirname."*.png");
$data = '<ul>';
foreach($images as $image) {
  $data .= '<li><img src="'.$image.'" /></li>'; // append all images
}
$data .= '</ul>';
echo $data;
?>

JavaScript函數：

function loadImg(){
    $.ajax({
        type: "GET",
        url: "load.php",
        success: function(data){
            console.log(data); // To check something there
            $("#imgsDiv").html(data);
        }
    });
}

但是，此功能不起作用，只能在“ imgsDiv”上顯示傳統的破碎圖像圖標。

我真的不知道為什么它不能顯示來自服務器的圖像。 文件夾權限不是問題，因為我能夠將單個命名的圖像加載到img srcs中。

當我檢查頁面時，這是HTML：

我還收到一個404錯誤，指出該頁面找不到資源： http : //192.168.1.201/var/www/html/image.png等，用於所有列出的圖像。

Answer 1

似乎PHP代碼在聲明目錄的過程中困擾着我：

$dirname = "/var/www/html/";
$images = glob($dirname."*.png");

應該只是：

$images = glob("*.png");

PHP代碼會在正確的目錄中查找圖像並成功顯示它們。