How to preview image before upload?

Asked Sep 06 '11 at 07:36

Active Sep 06 '11 at 09:45

Viewed 208 times

Possible Duplicate:
Preview an image before it is uploaded

Assume that I have some elements like these:

<div id="tmp_image">
<!-- I wanna show image here -->
</div>

<input name="image" type="file">

All I want is : when I select a picture from the open dialog ,the image will be appearred in the "tmp_image" div (but only real uploaded when I submit the form).

How could I do that?

edited May 23 '17 at 12:12

Community

asked Sep 06 '11 at 07:36

Nấm Lùn

1,239
5
27
47

You mean you want a live preview without submitting the page? Because then your question needs re-wording. – Pekka Sep 06 '11 at 07:37
2

There is already answered question here: [http://stackoverflow.com/questions/4459379/preview-before-upload-image][1] [1]: http://stackoverflow.com/questions/4459379/preview-before-upload-image – Andrew Makarenko Sep 06 '11 at 08:04
I've updated my question. Thanks – Nấm Lùn Sep 06 '11 at 08:11
@Andrew : Thanks so much. Youre my hero. – Nấm Lùn Sep 08 '11 at 10:41

How to preview image before upload?

0 Answers0