我有一个像这样的文件夹树:
- 元素文件夹
- img
- fjdkslajsd.jpg
- fjowefwask.jpg
- fweoifqadf.jpg
- ...
- 脚本
- script.js
- jquery.js
- 样式表
- styles.css
- index.html
- img
index.html 文件几乎只是链接到脚本和样式表,并包含一个 div 来保存我的内容。我想要做的是让 script.js 找到 img 文件夹中的所有图像名称,并将它们放入列表中,以便我以后可以循环浏览一张一张地列出并显示图像。最终结果基本上看起来像一个不断循环浏览 img 文件夹中的图像并显示它们的 powerpoint。
我希望这能解决您的任何问题,所以这是我的...我如何捕获包含 img 文件夹中图像名称的字符串列表?我已经知道如何循环浏览列表并显示图像,但我不知道如何处理获取列表。
最佳答案
除非您有某种类型的服务器端接口(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
将包含给定文件夹中所有文件的数组。然后,您可以使用此数组进行进一步处理/处理。
关于javascript - 如何使用 javascript 获取文件夹中的图像列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20317120/