There are a number of ways to select an image for manipulation. We could work solely on an image that is uploaded through a form, or use an image that is selected using the file selector tool we built in Chapter 5, File Management.
For the purposes of this chapter, we will use a tree view widget, which will show a selection of files that have been previously uploaded using the file manager we built, or some other way.
The jQuery UI project does not have a tree widget yet, so we will use Jörn Zaefferer's Treeview widget in the meantime, available for download at http://bassistance.de/jquery-plugins/jquery-plugin-treeview/.
Download the widget, and extract it into the root of your demo area.
This widget works by taking an existing <ul>
/ <li>
HTML element tree and converting it into a more easily managed tree, similar to what you would see in a desktop's directory navigator. So, when the demo page is opened, we need to have a pre-rendered <ul>
tree...