Как я могу получить список изображений в папке, используя JavaScript?

0

У меня есть дерево папок:

  1. ProjectFolder
    • IMG
      • fjdkslajsd.jpg
      • fjowefwask.jpg
      • fweoifqadf.jpg
      • ...
    • скрипты
      • script.js
      • jquery.js
    • таблицы стилей
      • styles.css
    • index.html

Файл index.html в значительной степени просто ссылается на скрипты и таблицу стилей и содержит div для хранения моего содержимого. Я хочу, чтобы скрипт.js нашел все имена изображений в папке img и поместил их в список, чтобы я мог позже перебирать список и отображать изображения один за другим. Конечный результат будет по существу выглядеть как powerpoint, который непрерывно циклически перемещается по изображениям в папке img и отображает их.

Надеюсь, что это прояснит любые ваши вопросы, так что вот мои... Как бы я захватил список строк, содержащих имена изображений в папке img? Я уже знаю, как циклически перебирать список и отображать изображения, но я понятия не имею, как я буду бороться с этим списком.

  • 0
    в какой среде? веб-браузер?
  • 0
    Это может иметь отношение к вам: stackoverflow.com/questions/10774377/…
Теги:
slideshow

2 ответа

2

Если у вас нет какой-либо интерфейсной серверной части, которая дает вам синтаксическую структуру, представляющую структуру/структуру проекта, вы не сможете использовать эту информацию или обрабатывать ее в javascript.

Если на вашем сервере имеется PHP, вы можете создать массив javascript, используя простой вывод:

<script type="text/javascript">
    var imageList=[<?php
        $dir='/projectdir/img/';
        $files = scandir($dir);
        foreach((array)$files as $file){
           if($file=='.'||$file=='..') continue;
           $fileList[]=$file;
        }
        echo "'".implode("','", $fileList)."'";
    ?>];
</script>

После того, как браузер imageList это, imageList будет содержать массив всех файлов в данной папке. Затем вы можете использовать этот массив для дальнейшей обработки/обработки.

  • 0
    еще проще, используя php glob() и json_encode()
  • 0
    Это очень правильно.
0

Вам нужно будет сделать запрос ajax на серверный скрипт, который предоставит вам список файлов из произвольного каталога (это может быть опасно) или, в частности, каталог изображений (возможно, лучший способ его обработать). После того, как у вас есть список файлов со сценария на стороне сервера, вы можете использовать javascript для создания элементов изображения и добавления их в DOM, когда он будет готов к модификации.

Если вы используете PHP, вы можете использовать PHP, чтобы добавить каждое из этих изображений на страницу в нужное место, а также сохранить запрос ajax.

  • 0
    наличие серверной разметки не является эксклюзивным для php
  • 0
    Правда, я считаю, что Perl и Python могут делать то же самое на стандартном веб-сервере Apache. Я склонен ссылаться только на те языки, которые я привык избегать жевать ногу, если я утверждаю, что язык делает то, чего на самом деле не делает.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню