我有一个包含图像的文件夹,我正试图将此文件中的图像加载到网页上。我知道图片的格式和目录都是正确的。图片只是没有出现在页面上。这是我的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);
?>
我只需要在页面上显示图片。
最佳答案
您似乎没有正确连接变量array_push($filenameArray, "/images/$file");
需要:array_push($filenameArray, "/images/".$file.");
如果您仍然有问题,可以发布json吗?