javascript - 如何使用 javascript 获取文件夹中的图像列表？

Question

我有一个像这样的文件夹树:

1. 元素文件夹
   • img
     • fjdkslajsd.jpg
     • fjowefwask.jpg
     • fweoifqadf.jpg
     • ...
   • 脚本
     • script.js
     • jquery.js
   • 样式表
     • styles.css
   • index.html

index.html 文件几乎只是链接到脚本和样式表，并包含一个 div 来保存我的内容。我想要做的是让 script.js 找到 img 文件夹中的所有图像名称，并将它们放入列表中，以便我以后可以循环浏览一张一张地列出并显示图像。最终结果基本上看起来像一个不断循环浏览 img 文件夹中的图像并显示它们的 powerpoint。

我希望这能解决您的任何问题，所以这是我的...我如何捕获包含 img 文件夹中图像名称的字符串列表？我已经知道如何循环浏览列表并显示图像，但我不知道如何处理获取列表。

Answer 1

除非您有某种类型的服务器端接口(interface)为您提供表示元素文件夹/文件结构的可解析结构，否则您将无法在 javascript 中使用或处理此信息。

如果您的服务器上有可用的 PHP，您可以使用普通输出生成一个 javascript 数组:

<script type="text/javascript">
    var imageList=[<?php
        $dir='/projectdir/img/';
        $files = scandir($dir);
        foreach((array)$files as $file){
           if($file=='.'||$file=='..') continue;
           $fileList[]=$file;
        }
        echo "'".implode("','", $fileList)."'";
    ?>];
</script>

浏览器解析后，imageList 将包含给定文件夹中所有文件的数组。然后，您可以使用此数组进行进一步处理/处理。