Ajax popup file selector and image preview

[Kevin P Smith]

HI

Wondering if anyone can help, I need to create a image selector with previews using Javascript (AJAX even).

Basically I need a link on the main page (A) which opens a popup window (B), which contains the file selector (<input type=file />) and a 'submit' button.
When you hit submit, the popup disappears and a preview of the selected image appears on page A within a <div> tag I'm guessing.

So far I have this:

<div id="img1"></div><br/>
<a >Image 1</a>

And a simple popup.html

<input type="file" size="30"/>
<br/>
<input type="submit" name="ldImg" value="OK"/>

At the point of clicking 'submit' I'm hoping to get a preview of the image in div 'img1' tag.

I had this as a sample a while back but have a new PC now and lost it.

Thanks in adavnce for any help.

[Bear Bibeault]

Once the file is uploaded, you must create an <img> tag the references it by server URL.