AJAX/Jqueryでフォルダ内のすべてのURL画像のリストを取得

Question

私は画像があるフォルダを持っています。これらの画像のすべての "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> 

Answer 1

これを試してみてください：

$(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'); 
    } 
});