Select a file and click upload. Simple right? Except once I select my image I can no longer see what was selected. The name of the file is at the end of the input, and if the input is short, or the file path is deep, I'm not going to see anything useful. Assuming that I took the time to give my file a descriptive name, which I probably didn't because hey, it's an image, it should be self descriptive.
Now the image is processed server side and a thumbnail is loaded onto the existing page. Doesn't that feel so much better?
We now have a visual representation (imagine that) of the image we selected. This is particularly useful in larger forms when many fields will be submitted with a single action. It allows the user to review the form before pressing save and see what image (or images) they selected.
Click to Download Now