如何使用javascript在文件夹中获取图像列表？
提问于 2013-12-01 12:51:16
我有一个这样的文件夹树：
- ProjectFolder
- img
- fjdkslajsd.jpg
- fjowefwask.jpg
- fweoifqadf.jpg
- ..。
- img
- **scripts**
- _script.js_
- _jquery.js_
- **stylesheets**
- _styles.css_
- _index.html_
index.html文件几乎只是链接到脚本和样式表，并且包含一个div来保存我的内容。我想要做的是让script.js在img文件夹中查找图像的所有名称，并将它们放在列表中，以便以后循环列表并逐个显示图像。最终结果本质上就像一个powerpoint，它在img文件夹中连续循环并显示它们。
我希望这能澄清你的问题，这是我的.如何捕获包含img文件夹中图像名称的字符串列表？我已经知道如何循环浏览列表并显示图像，但我不知道如何获得列表。
回答 2
Stack Overflow用户
发布于 2013-12-01 12:58:49
除非您有某种接口服务器端，它为您提供了一个表示项目文件夹/文件结构的可解析结构，否则您将无法在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将包含给定文件夹中所有文件的数组。然后，您可以使用这个数组进行进一步的处理/处理。
Stack Overflow用户
发布于 2013-12-01 13:01:02
您必须向服务器端脚本发出ajax请求，该脚本将为您提供来自任意目录(这可能很危险)或图像目录(可能是处理它的更好方法)的文件列表。有了服务器端脚本中的文件列表之后，就可以使用javascript创建映像元素，并在DOM准备就绪后将它们添加到DOM中。
如果您正在使用PHP，您也可以使用PHP将这些图像添加到相应位置的页面，并为自己保存一个ajax请求。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20317120
复制相关文章
腾讯云开发者
