使用AJAX/Jquery获取文件夹中所有url图像的列表

我有一个包含图像的文件夹。我想检索这些图像的所有URL，以创建带有相应src的img标记，并将它们放在一个div中。如何使用AJAX/Jquery实现这一点

// What I have :

myFolder |
         | - image_01.jpg
         | - image_02.jpg
         | - image_03.jpg
         | - ...


 // What I want :

<div id="myDiv">
   <img src="http://www.example.com/myFolder/image_01.jpg" />
   <img src="http://www.example.com/myFolder/image_02.jpg" />
   <img src="http://www.example.com/myFolder/image_03.jpg" />
   ...
</div>

试试这个：

$(function(){
    function lpadZeros(str, max) {
        str = str.toString();
        return str.length < max ? lpadZeros("0" + str, max) : str;
    }
    for(var i=1;i<100;i++){
        var imgObj = $('<img/>');
        imgObj.load(function() {
            var thisimg = this;
            $('#myDiv').append(thisimg);
        });
        imgObj.attr('src', 'http://www.example.com/myFolder/image_' + lpadZeros(i, 2) + '.jpg');
    }
});

---

你有一个url的主列表，还是要查询文件夹，然后获取url？寻找PHP来检索特定的文件夹内容。我不认为你会找到一种方法来使用jQuery简单地查询服务器上的文件系统。您要么必须在UI代码中手动维护一个图像名称数组并使用它们来构建标记，要么需要某种服务器端代码来生成标记，或者需要一个服务来返回图像列表。有人可能会证明我错了，但我不这么认为。我只能读取带有服务器端代码的目录内容…并发出ajax请求以获取数据如果图像列表是可刮的，你可以用我的答案来实现这一点，另一方面，你不能用ajax/jQueryVery访问服务器文件系统非常好的答案，但唉，我不知道图像文件的名称！我写image_01.jpg只是为了举例，但它可能是holidays_145_75.jpg或DSC_0152458.jpg或其他任何东西。无论如何，谢谢。如果你从服务器端知道图像列表，你需要把它们放在一个数组中，然后在其中循环。