Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 函数以查看文件夹并使用通配符_Javascript_Jquery - Fatal编程技术网

Javascript 函数以查看文件夹并使用通配符

Javascript 函数以查看文件夹并使用通配符,javascript,jquery,Javascript,Jquery,在堆栈溢出上潜伏了一段时间,喜欢这个网站 现在轮到我了。从下面的代码中,我将在每次加载页面时随机生成背景图像 有谁能帮我提高效率,这样我就不用手动输入文件名了?我正在寻找某种通配符函数,它可以查看我给定的文件夹并加载footer*.png甚至*.png,因为这个文件夹只包含页脚模式 var images = ['footer.png', 'footer2.png', 'footer3.png']; $('#footer').css({'background-image': 'url(image

在堆栈溢出上潜伏了一段时间,喜欢这个网站

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

有谁能帮我提高效率,这样我就不用手动输入文件名了?我正在寻找某种通配符函数,它可以查看我给定的文件夹并加载footer*.png甚至*.png,因为这个文件夹只包含页脚模式

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

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

使用PHP,您可以执行以下操作:

<?php

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

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

?>

无法使用Javascript读取文件夹。你需要像PHP这样的服务器端语言来读取文件夹并写出javascript代码的所有文件名。你在服务器端使用什么(RoR、Asp.net MVC等)?很好地警告俄罗斯人!哈哈,作为一个,我觉得这是一种荣誉;)
var images = [];

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