如何显示一个漂亮的文件夹和子文件夹选择？

Question

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

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/。 这是一个开源的JavaScript库，可以让您显示树视图

<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();.