如何显示所选文件夹和子文件夹的漂亮树


How to display a nice Tree of Folders and Subfolders selected?

好吧,所以我使用chrome提供的webkit多上传功能。现在,用户可以选择一个文件夹,所有文件都列在一个文本框中。现在,当他导航到下一页时,我想创建一个漂亮的表单显示

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

我目前正在使用PHP表单发送包含表单的文件列表的文本框的数据

您可以使用http://www.jstree.com/.这是一个开源javascript库开关,使您能够显示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>

以及作为javascript

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