Upload and preview image in client side without posting back

Posted by Ahmy on Stack Overflow See other posts from Stack Overflow or by Ahmy
Published on 2010-06-11T15:18:46Z Indexed on 2010/06/11 15:23 UTC
Read the original article Hit count: 268

Filed under:

I need to upload an image and then preview it without posting back as i need to have a file upload control(even HTMLinputfile or ASPfileupload) then the user will browse to select image after selecting (browsing) there will a button(HTMLInputButton) that will save the uploaded image and preview it.

I have the following code :

<div>
    <input id="UploadInput" type="file" value="Upload" />
    <br />
    <input id="PreviewBtnInput" type="button" value="Preview" onclick="ShowPreview()" /> 
    <br />
    <img id="ImgUploaded"  />
</div>

So how can i do this task ?

Thanks in advance for any reply but please if any one has a link for article that talk about this issue please i need a clear code not article details.

Upload and preview image in client side without posting back

Posted by Ahmy on Stack Overflow See other posts from Stack Overflow or by Ahmy
Published on 2010-06-11T14:21:16Z Indexed on 2010/06/11 14:22 UTC
Read the original article Hit count: 268

Filed under:

client-side

|

image-uploading

I need to upload an image and then preview it without posting back as i need to have a file upload control(even HTMLinputfile or ASPfileupload) then the user will browse to select image after selecting (browsing) there will a button(HTMLInputButton) that will save the uploaded image and preview it.

I have the following code :

<div>
    <input id="UploadInput" type="file" value="Upload" />
    <br />
    <input id="PreviewBtnInput" type="button" value="Preview" onclick="ShowPreview()" /> 
    <br />
    <img id="ImgUploaded"  />
</div>

So how can i do this task ?

Thanks in advance for any reply but please if any one has a link for article that talk about this issue please i need a clear code not article details.

Developer IT