Question

我有一个包含图片的文件夹，我正在尝试将此文件中的图像加载到网页上。我知道图像格式正确，目录都正确。图像没有出现在页面上。这是我的html文件。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $.ajax({
        url: "loadImages.php",
        dataType: "json",
        alert("This is working");
        success: function(data) {

            $.each(data, function(i, filename) {
                $('#imgs').prepend('<img src="' + filename + '"><br>');
            });
        }
    });
});
</script>
<html>
    <body>
     <div id="imgs">
    </div>
</body>
</html>

这是我的php文件。

<?php
$filenameArray = [".png"];

$handle = opendir(dirname(realpath(__FILE__)).'/images/');
    while($file = readdir($handle)){
        if($file !== '.' && $file !== '..'){
            array_push($filenameArray, "/images/$file");
        }
    }

echo json_encode($filenameArray);
?>

我需要的只是要在页面上显示的图像。

Answer 1

您似乎没有正确连接变量

array_push($filenameArray, "/images/$file");

需要：

array_push($filenameArray, "/images/".$file.");

如果你还有问题，可以张贴你的json吗？

Jquery和php无法将图像从文件夹加载到屏幕上

1 个答案: