Как отобразить красивое дерево папок и подпапок?

Question

Хорошо, поэтому я использую функцию multiupload webkit, которая предоставляет хром. Теперь пользователь может выбрать папку, и все файлы перечислены в текстовом поле. Теперь, когда он naviagtes к следующей странице, я хочу, чтобы создать хороший дисплей формы

Folder 
    1.File 1.php 
    2.File 2.mp3 
    Subfolder 
    1.File 3.avi 
    2.File 5.php 
    Subfolder2 

Я в настоящее время с помощью PHP формы, чтобы отправить данные в текстовом поле, содержащем список файлов вида

Answer 1

Вы можете использовать http://www.jstree.com/. Это с открытым исходным кодом Java-libarary ведьма позволяет показать treevieuw

<div id="html1"> 
    <ul> 
    <li>Folder 
     <ul> 
     <li>1.File 1.php</li> 
     <li>2.File 2.mp3</a></li> 
     <li>Subfolder 
      <ul> 
      <li>1.File 3.avi</li> 
      <li>2.File 5.php</a></li> 
      </ul> 
     </li> 
     </ul> 
    </li> 
    </ul> 
</div> 

и, как яваскрипта

$('#html1').jstree();.