当获取存储的图像时，来自Pi服务器的响应中断

-1

我有一个Raspberry Pi服务器，它具有保存在其上的png图像。我想从服务器获取图像并将它们全部附加到HTML元素。所有相关的文件（图像，HTML，JS和PHP）都存储在/ var/www/html等当获取存储的图像时，来自Pi服务器的响应中断

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 somethings there 
      $("#imgsDiv").html(data); 
     } 
    });  
}

但是，此功能不起作用，只会将传统的图像损坏图标显示在'imgsDiv'上。我真的不知道为什么它不能显示来自服务器的图像。这不是文件夹权限问题，因为我可以将单个命名的图像加载到img srcs中。

在此先感谢。

编辑：这是HTML，当我检查网页：

我也得到一个404错误，指出页面无法找到资源：http://192.168.1.201/var/www/html/image.png等所有列出的影像

来源

2016-08-17 sledgewhack

页面生成后，您可以按Ctrl + u /查看源代码并查看图片是否链接到正确的位置。如果它们被破坏 - 你能告诉我们生成的img标签是什么样子吗？ – Daniel

显示生成的HTML。 –

似乎php已经宣布了目录。

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

应该仅仅是：

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

而且PHP会在正确的目录为图像ANS成功地显示它们。

来源

2016-08-17 22:10:34 sledgewhack

回答

相关问题