Display Thumbnail for Image Uploads with jQuery
We’ve all seen the basic file upload form for uploading avatars, images, memes, etc. The problem with these is that once you upload your image it’s hidden from you.
The solution is to use a little bit of JavaScript to upload the image as soon as it’s selected and display a thumbnail so we can easily review the form before we submit it.
Head on over to the ZURB code playground to see a complete demo and breakdown of the JavaScript they use to accomplish this. The code playground is where they do crazy awesome stuff with JavaScript, HTML, and CSS.
Requirements: jQuery Framework
Demo: http://www.zurb.com/playground/ajax_upload
License: MIT License