Показувати зображення з папки за допомогою jquery / bootsrap як і коли папка заповнюється - javascript, jquery, twitter-bootstrap

Я дуже новачок в інтерфейсі. Тож це питання може виглядати як повторне, але я, чесно кажучи, не міг знайти відповіді на це.

У моїй програмі запущено фоновий потікяка завантажує деякі зображення та зберігає їх у папці скажімо, зображення. Мені потрібно відображати ці зображення в інтерфейсі, коли і коли зображення заповнюються в папці. Як мені діяти далі? Я використовую фреймворк bootstrap jQuery та Twitter.

Будь-яка допомога буде оцінена.

Спасибі заздалегідь :)

Відповіді:

Цей код перевірить, чи є присутні зображення.png у каталозі, і якщо вони є, вони покажуть їх. Змініть його відповідно до своєї мети. Щоб перевірити, коли папка заповнюється, ви можете використовувати функціональний таймер для цього коду. Є два варіанти, якими ви можете скористатися затримка () jquery, або setTimeout () базового javascript.

var dir = "Src/themes/base/images/";
var fileextension = ".png";
$.ajax({
//This will retrieve the contents of the folder if the folder is configured as "browsable"
url: dir,
success: function (data) {
//List all .png file names in the page
$(data).find("a:contains(" + fileextension + ")").each(function () {
var filename = this.href.replace(window.location.host, "").replace("http://", "");
$("body").append("<img src="/images/" + dir + filename + "">");
});
}
});