php - 从目录中获取图像 url

Question

我正在尝试使用 jQuery 制作幻灯片，为此我尝试将所有图像的 url 存储在一个文件夹中，而无需手动编写它们看起来我必须使用 Ajax，但我有点困惑我基本上想在我的PHP代码中将var存储在一个数组中

<?php
$dir = "img";
if (is_dir($dir)){
    if ($dh = opendir($dir)){
        $images = array();
        while (($file = readdir($dh)) !== false){
            if (!is_dir($dir.$file)) $images[] = $file;
        }
        closedir($dh);
    }
}
$max = count($images);

那么如何快速获取$images[]javascript 中的值呢？Anly 的帮助将不胜感激！:)

Answer 1

<?php
$dir = "img";
$images = array();
if (is_dir($dir)){
    if ($dh = opendir($dir)){
        while (($file = readdir($dh)) !== false){
            if (!is_dir($dir.$file)) $images[] = $file;
        }
        closedir($dh);
    }
}

header('Content-Type: application/json');
echo json_encode($images);

只要设置了标头内容类型，jQuery 就会自动解析 JSON：

$.ajax({
 'url' : 'imagelist.php',
 'success': function(result) {
   ...
 },
});

Answer 2

JS：

<script>
function loadPHP()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","somephp.php",true); //replace this with your file name
xmlhttp.send();
}
</script>

HTML：

<button onclick="loadPHP()">Click to load php</button>
<div id="myDiv"></div>

PHP：

<?php
$dir = "img";
if (is_dir($dir)){
    if ($dh = opendir($dir)){
        $images = array();
        while (($file = readdir($dh)) !== false){
            if (!is_dir($dir.$file)) $images[] = $file;
        }
        closedir($dh);
    }
}
$max = count($images);
$toprint = "<ul>";
foreach($images as $x => $y){
    $toprint .= ("<li>".$y."<br /></li>");
}
echo $toprint;
?>

Answer 3

我不是 php 方面的专家，但我假设这$images是一个文件名数组。如果没有，请更改您的代码以执行此操作。然后在您的 php 文件的末尾，添加以下内容：

echo json_encode($images);

然后在javascript中，像这样：

$.get('imagelist.php').done(function(result) {
    $.each(result, function(idx, image) {
        console.log('found image: ' + image);
    }
});