AJAX/Jquery가 포함 된 폴더의 모든 URL 이미지 목록을 가져옵니다.

Question

이미지가있는 폴더가 있습니다. 해당 "src"로 "img 태그"를 만들고 이러한 이미지의 모든 "urls"를 검색하여 "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'); 
    } 
});