Image preview

**shareme** · 04-25-2009 06:46 AM

Hi

I am very intrested to know how can i preview an image before the image gets uploaded to the server.In my application i can able to preview the uploaded image in the confimation page only.But how can i make a image preview without page gets refreshed.
I followed some code but it works only in IE and ask to run ActiveX controls

Code:

<HEAD>
<STYLE type=text/css>#newPreview {
 FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
}
</STYLE>
<SCRIPT language=javascript type=text/javascript>
   function PreviewImg(imgFile)
{    
    var newPreview = document.getElementById("newPreview");
    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    newPreview.style.width = "80px";
    newPreview.style.height = "60px";
}

</SCRIPT>

<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<input type="file" id="picField" onchange="PreviewImg(this)">
 <div id="newPreview"></div>

</BODY>
</HTML>

Is there is any other common process to do this functions in all the browser.Is that possible with the help of YUI(Yahoo user Interface) or any other tools.

Thanks

**Fang** · 04-26-2009 03:21 AM

Cross browser image pre-view requires sending the image to the server first, then returning it to the document.

**shareme** · 04-27-2009 07:07 AM

Hi
Thank you for your reply.Is that possible to do this function by Ajax or YUI (Yahoo User Interface).

**bluestartech** · 04-27-2009 07:32 AM

try having a look at jquery and its plugins, it is quite good for UI stuff like this

**Fang** · 04-27-2009 10:00 AM

Ajax can not upload images nor can JavaScript libraries or frameworks do it.
It would be possible in Fx if you could convince the user to lower their security restrictions.

Thread: Image preview

Thread Tools

Display

Image preview

Image preview

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions