javascript - 查看文件夹并使用通配符的函数

Question

在 Stack Overflow 上潜伏了一段时间，喜欢这个网站。

现在轮到我了。从下面的代码中，我在每次加载页面时使背景图像随机。

是否有人愿意帮助我提高效率，这样我就不必手动输入文件名？我正在寻找某种通配符函数，可以查看给定的文件夹并加载页脚*.png 甚至 *.png，因为该文件夹仅包含页脚模式。

var images = ['footer.png', 'footer2.png', 'footer3.png'];

$('#footer').css({'background-image': 'url(images/footers/' + images[Math.floor(Math.random() * images.length)] + ')'});

Answer 1

使用 PHP，您可以做到:

<?php

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

foreach($images as $image)
{
  echo $image . "\n";
}

?>

只是不要将 $directory 作为任意参数，因为俄罗斯黑客会劫持您的网络应用程序。

要使用它，请向 PHP 文件发出 AJAX 请求并解析输出，并用 \n 字符分隔每个文件。

所以使用 jQuery，

var images = [];

jQuery.load('images.php', function(data)
{
  images = data.split('\n');
});