有没有办法只使用Javascript从文件夹中返回所有图像文件名列表？

Question

我想显示位于图库中服务器的文件夹中的所有图像.

有没有办法只使用JavaScript或JQuery从文件夹中返回所有图像文件名的列表？

另外,我想仅使用JavaScript计算类似文件夹中的图像文件数.

有没有办法只使用JavaScript计算文件夹中的图像文件数？

Answer 1

不,你不能单独使用Javascript来做到这一点.客户端Javascript无法以我认为您询问的方式读取目录的内容.

但是,如果您能够为图像目录添加索引页面(或配置您的Web服务器以显示索引页面)并且您从同一服务器提供Javascript,那么您可以进行AJAX调用以获取索引然后解析它.

即

1)在Apache上为yoursite.com上的相关目录启用索引:

http://www.cyberciti.biz/faq/enabling-apache-file-directory-indexing/

2)然后使用jQuery获取/解析它.你必须弄清楚如何最好地抓取页面,并且几乎可以肯定有一种更有效的方法来获取整个列表,但是一个例子:

$.ajax({
  url: "http://yoursite.com/images/",
  success: function(data){
     $(data).find("td > a").each(function(){
        // will loop through 
        alert("Found a file: " + $(this).attr("href"));
     });
  }
});

Answer 2

这将列出jpg您在url下定义的文件夹中的所有文件:并将它们div作为段落附加到a .也可以这样做ul li.

$.ajax({
  url: "YOUR FOLDER",
  success: function(data){
     $(data).find("a:contains(.jpg)").each(function(){
        // will loop through 
        var images = $(this).attr("href");

        $('<p></p>').html(images).appendTo('a div of your choice')

     });
  }
});

Answer 3

不是.JavaScript是一种客户端技术,无法在服务器上执行任何操作.但是,您可以使用AJAX调用服务器端脚本(例如PHP),该脚本可以返回您需要的信息.

如果你想使用AJAX,最简单的方法是使用jQuery:

$.post("someScript.php", function(data) {
   console.log(data); //"data" contains whatever someScript.php returned
});