2016-10-05 2 views
0

У меня есть папка с изображениями. Я хотел бы получить все «urls» этих изображений для создания «img-тегов» с соответствующим «src» и поместить их в «div». Как я могу это сделать с помощью AJAX/JQuery?Получить список всех URL-адресов в папке с 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> 
+0

У вас есть основной список URL, или вы собираетесь запросить папку, затем получить URLs? –

+0

Ищите PHP ['scandir'] (http://php.net/manual/en/function.scandir.php) для получения определенного содержимого папки. –

+0

Я не думаю, что вы найдете способ использовать jQuery для простого запроса файловой системы на сервере. Вам нужно будет вручную поддерживать массив имен изображений в вашем коде пользовательского интерфейса и использовать их для создания разметки, или вам понадобится какой-то код на стороне сервера для создания разметки или службы для возврата список изображений. Кто-то может доказать, что я ошибаюсь, но я так не думаю. –

ответ

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

Очень хороший ответ, но, увы, я не знаю названия файлов изображений! Я написал «image_01.jpg» только для примера, но это может быть «holidays_145_75.jpg» или «DSC_0152458.jpg» или что-то еще. Спасибо, в любом случае. –

+0

Если вы знаете список изображений со стороны сервера, вам нужно поместить их в массив, а затем пропустить его. –