Show an Image Preview before Upload with HTML5

Back to original tutorial on Css-Jquery-Design.Com

It is very easy to preview an image on client side before uploading on the server in jQuery and HTML 5 FileReader() . Suppose you have an application where user uploads bulk photo and then the users want to upload only some selected photo, in this case, we as a developer don't want to upload all images photos on the server. As this effect on server load cost effect etc.

By this user can view thumbnail photos on the client side .i.e ( before uploading to server side ), and select or choose the photo which he/she wants to get upload.