使用javascript或php将文件夹的图像插入数组_Javascript_Php

使用javascript或php将文件夹的图像插入数组

javascript php

使用javascript或php将文件夹的图像插入数组,javascript,php,Javascript,Php,我想知道是否有可能将一系列图片放入一个数组中。如果可能的话，我想使用JavaScript，如果不可能的话，可以使用PHP吗因此，我创建了一个名为“图像/汽车”的地图，其中包含很多图像。所有的图片都有不同的名称。一个叫“奥迪”，另一个叫“梅赛德斯”，等等。它们都是相同的类型（.gif）我可以手动执行此操作，如： var pictures = ["audi.gif", "mercedes.gif", "aston martin.gif"

我想知道是否有可能将一系列图片放入一个数组中。如果可能的话，我想使用JavaScript，如果不可能的话，可以使用PHP吗

因此，我创建了一个名为“图像/汽车”的地图，其中包含很多图像。所有的图片都有不同的名称。一个叫“奥迪”，另一个叫“梅赛德斯”，等等。它们都是相同的类型（

.gif

）

我可以手动执行此操作，如：

var pictures = ["audi.gif", "mercedes.gif", "aston martin.gif", ....]
// and so on

但这是太多的工作。另外，当我将新图片上传到“images”文件夹时，我必须手动将新图片添加到数组中

这是我的全部代码：

<!DOCTYPE html>
<html>
  <head>
    <script>
      var cars= ["audi.gif", "mercedes.gif", "aston martin.gif", "bmw.gif", "ferrari.gif"];
      var outputRandomImage = "";   

      function myFunction() {   
        for (var i = cars.length - 1; i >=0; i--) {
          var random = Math.floor(Math.random()*(i+1));
          var randomImage = cars[random];   
    
          cars[random] = cars[i]; 
          cars[i] = randomImage;
          outputRandomImage += '<img src="images/cars/' + randomImage + '">' + "<br>";
          document.getElementById("output").innerHTML = outputRandomImage;
        }   
      }
    </script>
  </head>
  <body onload="myFunction()">
    <p id="output"></p>
  </body>
</html>


var cars=[“audi.gif”、“mercedes.gif”、“aston martin.gif”、“bmw.gif”、“ferari.gif”]；
var outputRandomImage=“”；
函数myFunction（）{
对于（var i=cars.length-1；i>=0；i--）{
var random=Math.floor（Math.random（）*（i+1））；
var randomImage=汽车[随机]；
汽车[随机]=汽车[i]；
cars[i]=随机图像；
outputRandomImage+=''+''
“；
document.getElementById（“output”）.innerHTML=outputRandomImage；
}   
}

希望这里有人能帮忙。我愿意接受任何想法、建议和建议。谢谢。

一种方法是创建另一个PHP页面

$folder = "."; // folder with the image files
$scan = scandir($folder);
$files = [];

foreach($scan as $file_name)
{
    if (!is_dir("$folder/$file_name"))
    {
        $array_push($files, $file_name) //  if it is not a directory add it to the files list
    }
}
$json_string = json_encode($ar);
echo $json_string;

对于javascript

$.post("getCars.php", function(data, status){
    if(status==="success"){
        cars = JSON.parse(data)
    }
});

显然，您无法使用Javascript在服务器上获取文件，因为它是在服务器提供html之后在浏览器中运行的。但是，您可以在PHP:中使用

scandir（）

，然后使用它生成包含数组的Javascript。