使用Javascript查找文件夹中的所有图像答案

【问题标题】：Find all images in folder with Javascript使用Javascript查找文件夹中的所有图像
【发布时间】：2012-04-25 00:41:14
【问题描述】：

对不起，如果这是微不足道的，

编辑：简而言之，我发现这并不打算使用客户端 JavaScript 来完成。

我想知道我是否知道一个文件夹有图片。 /home/project1/图片他们遵循一些命名约定 face102039.jpg face1030303.jpg ...

有没有办法知道里面的每张照片都是从人脸开始的，但不知道后面是什么数字？有没有一种方法可以让我获取所有扩展名为 .jpg 或 .png 的文件名，然后我就会知道如何解析它们的字符串。我只是不确定如何使用 javascript 获取目录中的所有文件。

我看到了这个similar post，我知道如何在 Java 中做我想做的事，但我找不到在 javascript 中做这件事的方法。我正在考虑用 java 或 ruby 做服务器端，但我很确定我应该能够通过 javascript 做这个客户端。也许我错了。

【问题讨论】：

据我所知你不能使用Javascript访问客户端或服务器文件系统，那将是黑客的天堂！

标签： javascript jquery image file path

【解决方案1】：

考虑到限制，在技术上可以做到这一点，只是不太实用。我不推荐使用这个，因为你可以很快锁定用户的浏览器。

var len = 2000000;//How long you want to wait.
var pics=[];
for(var i=0;i<len;i++){
  a=new Image();
  a.onload=function(){
    pics.push(this);
  }
  a.src='/home/project1/pictures/face'+i+'.jpg';
}

真正的答案是您需要在 PHP、RoR 等中实现一个后端。向您发送图片文件夹中的文件列表。这可以通过 AJAX 完成。

【讨论】：

【解决方案2】：

Javascript 在客户端运行。例如在访问者的浏览器中。它不能像 Java 和 php 那样直接访问服务器和图像文件夹。

可以做的是在 javascript 中使用 ajax，获取列出目录内容的 java/php 文件。

【讨论】：

所以文件存储在一个目录中，我知道它是哪个网络驱动器，如果我知道确切的名称，我可以发布特定的图像以找出其中的图像，所以我没有硬编码每个图像名称？

【解决方案3】：

您无法使用JavaScript 访问文件系统。但是，您可以使用 AJAX 查询您的服务器以获取该信息并将其作为 JSON 字符串返回。

希望这会有所帮助。

【讨论】：