How to show image thumb from input type file without upload, or with

Question

How to show image thumb from input type file without upload, or with I need to create file preview, when user select file in input type=file, i found, that ajax don't support file upload, so - maybe it is possible to show thumbs _without_actual_upload_ in js? Jquery/simple js

Answer 1

There's no current, cross-browser compatible method of getting the data from a file input.

You could use a hidden iframe as the target for upload, when the user selects a file, submit the form to the iframe window. You could use the jQuery Form Plugin (since you tagged jQuery), which will create the hidden iframe for you if the form contains a file input.

Answer 2

Some browsers implement File API , so you could use it for displaying the images. Using the File API together with some new features of the XMLHttpRequest objects, it's possible to upload files using ajax. Other possibility is to upload the file with hidden iframe.