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

标签 javascript php

我想知道是否可以将一系列图片放入数组中。如果可能的话我想使用 JavaScript,如果不能的话可以使用 PHP 以及如何实现?

所以我创建了一个名为“images/cars”的 map ,其中包含很多图像。所有图片都有不同的名称。一种叫:“奥迪”,另一种叫:“奔驰”等等。它们都是相同的类型 (.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>

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

最佳答案

一种方法是创建另一个 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 - 使用 javascript 或 php 将文件夹的图像插入数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43961590/

相关文章:

php - 我怎样才能清理这个 SELECT 查询?

javascript - 用我自己的服务器解析云代码返回 "unauthorized"

javascript - 使用带有空输入 js 的 shift

javascript - 如何使用 AJAX 从 PHP 访问字符串到 jQuery

php - 尽管通过表单发布了数据,但空行仍被插入到数据库中

php - 如何以最简单的方式解释 'this' 关键字?

javascript - 如何检测碰撞

Javascript 表单验证服务器端,可能吗?

php - 将 Proxygen 或 NGINX + FastCGI 本地套接字与 HHVM 一起使用性能更好吗?

php - MySQL:用户 some_user_name 已经有超过 'max_user_connections' 个事件连接