jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive, valid and semantic XHTML file tree with as little as one line of JavaScript code. jQuery File Tree is fully customizeable via CSS with the ability to style icons based on file extension. It also supports custom connector scripts for extended functionality. The expand and collapse event are customizable as well. jQuery File Tree works in all browsers supported by jQuery. It has been fully tested in Internet Explorer 6 & 7, Firefox 2, Safari 3 and Opera 9.
The author has stated that the connector scripts provided with jQuery File Tree are only designed to read information from a specified root folder. Although this is typically harmless, there exists a potential for malicious individuals to be able to view your entire directory structure by spoofing the root parameter. It is highly recommended that you add some form of check to your connector script to verify the path being scanned is a path that you want to allow visitors to see.
Requirements: jQuery
Demo: http://abeautifulsite.net/notebook_files/58/demo/
License: Creative Commons License





Hmmm, I wonder if this will work for remote sites so that people can view their entire directory structures?
Looks great!
You keep on surprising me with the best stuff you can find on the internet! Thank you very much!
Looks great
I’ve been seeing lots of Famfam icons these days.
Thanks for finding it.
Hi Ray
Thank you for sharing so wealthful ajax tree component. I also have see your very useful multi-select drop-down component.
Would it be possible to combine them, I mean, having the checkboxes for selecting multiple nodes for the “ajax drop-down tree”.
Thanks
Chris
This extension is great. It would’ve been greater if it had an “Upload” option. It has no such thing, right?
As a follow up to Valery, I have used this component with an upload… simply modify the connect to also return a ‘Add File’ button which can be linked to any javascript / web address to handle the uploading.
Likewise to add deleting of files I added an image that floats on the far right of each file which one click removed the file
RSS feed for comments on this post · TrackBack URI