How do you create a drag n drop expandable file browser using html5 and php

Question

I would like to be able to drag a directory into my browser and have it populate a file browser section to the right of the browser window with all the files and sub-directory's and their content in the file browser section.

The file browser would look something like this :

Any suggestions quick and easy libraries or code snippets to get started with would be great!

Thanks in advance for any help!

Cheers all!

Answer 1

Here is a nice drag and drop demo using HTML5. PHP wouldn't really affect anything, as it is server side, and you're talking about client side interaction.

http://www.html5rocks.com/en/tutorials/file/dndfiles/