Image preview before upload file in struts2.1.6

[Pradeesh Pakkat]

I am trying to upload image to database, but before uploading the image I want to preview I image. I try to get help from Google not found any help there. So if anybody have worked on this kind of functionality, so please could you provide any hints how to progress. I searched through code ranch but couldn't figure out an exact solution. There are some other friends asked the same problem. but the result is same..
Thanks in advance !
What I have done is

jsp code

<s:file id="photo" name="image"
						label="Upload photo  * (Max size 100KB)" onchange="reloadURL(this)" />

					<img id="previewImage" src="#" style="height: 100px;">

java script code

$(function readURL(input) {

		if (input.files && input.files[0]) {
			var reader = new FileReader();

			reader.onload = function(e) {
				$('#previewImage').attr('src', e.target.result);
			}
			reader.readAsDataURL(input.files[0]);
		}
	});

please help me...

[Joe Ess]

Struts, for the most part, is an implementation of the Front Controller Pattern with some helpful form tags thrown in. It has nothing to do with the client.
I don't know that you can view a local file with JavaScript. Once upon a time, my employer had a Java applet that had similar functionality (it calculated the size of an upload, estimated time and displayed progress). I assume most web controls that have a preview are done with Flash.
I'll toss this question to our JavaScript folks and see if they have any bright ideas.

[Bear Bibeault]

Here is a fairly recent post on this topic.

[Pradeesh Pakkat]

Hi Joe Ess,
thanks for your consideration towards my topic. But I have a doubt that link from Bear Bibeault's post is reffered as simple html form. I am using struts form tag. can I mix it up with the normal tag? If I do so how can I populate the value to the action class?

Bear Bibeault
Here is a fairly recent post on this topic.

[Pradeesh Pakkat]

Hi Bear Bibeault,
thanks for the reply...

[Joe Ess]

Pradeesh Pakkat wrote:I am using struts form tag. can I mix it up with the normal tag? If I do so how can I populate the value to the action class?

Struts tags get processed into standard HTML tags. Take a look at the source for your form in the browser.