Entering an input image of type img and loading into the image tag

Question

So, I have an input field to load the img file. What I wanted to do was take the data from this (or the selected source) and route it to the src attribute of the image tag.

something like this: http://jsfiddle.net/QC2c4/

This will be a client-side verifier to indicate what the user will download. I know that I will need to check the extension for valid types img, .png, .bmp, .png, .tiff, etc. Etc.

How can I start the build process?

Answer 1

Here's the answer, and as an added bonus, I uploaded the image to the preview panel for ya. The key pulls out the files[0] object from the file collector upon change.

http://jsfiddle.net/TbZzH/1/