时间戳

首页 > 解决方案 > 如何自动制作网站文件夹中所有文件的数组？

javascript - 如何自动制作网站文件夹中所有文件的数组？

问题描述

假设我的网站上有一个包含大约 100 张图像的文件夹，名为“IMG”
现在假设我有一个 div 元素：<div id="templateDiv"></div>
使用 javascript，我如何将“IMG/”中的所有图像添加到该 div 中而不添加<img src="IMG/IMGNAME.jpg">每个图像？
对不起，我不太擅长解释。
只需忽略需要很长时间才能加载的事实。

编辑好吧，我糟糕的解释技巧让我改变了我的问题。如何自动制作网站目录中所有文件的数组？

标签： javascript

解决方案

好的，您的问题非常不清楚，但是从阅读所有其他评论和内容来看，您似乎只是想获取一个包含目录中每个文件的文件名的数组？如果那是您想要的，那么这是不可能的（我不相信），因为只有服务器知道哪些文件在哪里，并且您不能使用 JavaScript 从服务器请求目录的内容。

但是，如果您在本地目录上使用 Node.js ，则可以这样做。但我不相信这是你的情况。

话虽如此，您有三个替代选项：命名每个图像文件1.png, 2.png,3.png等。然后使用 for 循环并使用(i + 1) + ".png"

如果您不能重命名文件，但文件是通过用户输入命名的，您可以在文件创建时收集用户的输入，并将新创建的文件的名称添加到另一个文件/数组/localStorage 中，以便它以后可以找回。

如果您无法重命名文件，但需要它们的程序也永远不知道文件名，那么您可以（手动）创建所有文件名的数组并对其进行迭代以找到所需的所有文件。

请有人让我知道我是否错了，如果真的有办法向服务器发出请求，告诉客户端目录中的所有文件。不过，这似乎不太可能。

另一个潜在的解决方案刚刚浮现在脑海中。您可以编写一个 PHP 脚本（或 Node.js 或任何服务器端语言，实际上）来扫描一个目录，创建一个包含所有文件名的列表，然后通过 HTTP 将其发送回。然后，您可以简单地对该 PHP 文件发出 XMLHttpRequest 并让它完成工作。听上去怎么样？

推荐阅读