在網頁上呈現檔案結構並進行互動，可以試試 jsTree這個 jQuery 套件。
jsTree 是一個 jQuery plugin可以實現interactive trees功能，另外jsTree是 open source 且使用 MIT license。
jsTree可以透過Html或Json檔案進行資料控制，另外也支持Ajax互動。
在官網上有特別列出一些亮點:
1. drag & drop support
2. inline edit, create and delete
3. fuzzy searching
4. keyboard navigation
5. tri-state checkboxes
6. customizable node types
註:個人認為優點免費、有維護且功能多
參考資料:
What is jsTree?
jsTree Github
嘗試以自己的角度來整理並紀錄，也許會對一些人有幫助。
文章有錯、參考聯結有漏或是連結失效..等，還請幫忙告知，謝謝。
另外參考資料中有很多更棒的文章，建議多看看。