使用AJAX/Jquery獲取一個文件夾中所有url圖像的列表

我有一個包含圖像的文件夾。我想要檢索這些圖像的所有「url」以創建「img tags」，並將它們放在「div」中。我如何使用AJAX/JQuery來做到這一點？使用AJAX/Jquery獲取一個文件夾中所有url圖像的列表

// 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>

來源

2016-10-05 Nicolas Bocquel

你有網址的主列表或你要查詢的文件夾，然後得到的網址嗎？ –

尋找PHP ['scandir']（http://php.net/manual/en/function.scandir.php）來檢索特定的文件夾內容。 –

我不認爲你會找到一種方法來使用jQuery來簡單地查詢服務器上的文件系統。你要麼必須在你的UI代碼中手動維護一組圖像名稱，並使用它們來構建標記，要麼需要某種服務器端代碼來生成標記或服務以返回圖像列表。有人可以證明我錯了，但我不這麼認爲。 –

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

來源

2016-10-05 21:32:14

非常好的答案，但唉，我不知道圖像文件的名稱！我只爲這個例子寫了「image_01.jpg」，但它可能是「holidays_145_75.jpg」或「DSC_0152458.jpg」或其他任何東西。不管怎麼說，還是要謝謝你。 –

如果你知道服務器端的圖像列表，你需要把它們放在一個數組中然後循環。 –

使用AJAX/Jquery獲取一個文件夾中所有url圖像的列表

回答

相關問題