Страница, отображающая топологию каталога

Есть какой-либо способ сделать это:

  <h1>Topology</h1>
<ul><li><a href="/"> Parent Directory</a></li>
<li><a href="File1.mp4"> File1.mp4</a></li>
<li><a href="File2.mp4"> File2.mp4</a></li>
<li><a href="File3.mp4"> File3.mp4</a></li>
<li><a href="File4.mp4"> File4.mp4</a></li>
<li><a href="File5.mp4"> File5.mp4</a></li>
<li><a href="File6.mp4"> File6.mp4</a></li>
<li><a href="File7.mp4"> File7.mp4</a></li>
<li><a href="File8.mp4"> File8.mp4</a></li>
<li><a href="File9.mp4"> File9.mp4</a></li>
<li><a href="File10.mp4"> File10.mp4</a></li>

</ul>

JSFiddle: https://jsfiddle.net/wagyox71/

Есть ли способ сделать это, не перечисляя каждый файл отдельно?


file html directory topology
person Desii    schedule 29.12.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете сделать это с помощью JavaScript.

Создайте div для списка, затем используйте скрипт и массив для заполнения div.

Раздел: <div id="myLinks"></div>

    var links = ['<a href="/"> Parent Directory</a>', '<a href =""> File1.mp4</a>', 'File2.mp4', 'etc'];
    var ul = document.createElement('ul');
    document.getElementById('myLinks').appendChild(ul);

    links.forEach(function(name){
        var li = document.createElement('li');
        ul.appendChild(li);
        li.innerHTML += name;
    });

Вы можете вручную заполнить массив links или сделать это динамически из каталога на сайте с помощью другого вызова.

person ztaylor54    schedule 29.12.2017
comment
Есть ли способ заставить массив содержать все файлы в одном каталоге, а не записывать их по одному? Я хочу отобразить около 300 файлов - person Desii; 29.12.2017
comment
В этом ответе есть то, что вы ищете. - person ztaylor54; 29.12.2017
comment
спасибо попробуем - person Desii; 29.12.2017