How to Preview image using telerik RadAsyncUpload and RadBinaryImage in ASP AJAX Panel?

[Lalitha]

Hello,

 I'm New to telerik..Can any one tell me how to get preview of the image and also save to database ..Im using RadAsyncUpload...this is the code I'm Using 

  protected void RadAsyncUpload_FileUploaded(object sender, FileUploadedEventArgs e)
        {
            string path = Server.MapPath("~/Uploads/");
            e.File.SaveAs(path + e.File.GetName());
            string ext = e.File.GetExtension();
        }

 

Thank you 

[Hristo Valyavicharski]

Hello Lalitha,

You can use this code for previewing:

<script type="text/javascript">
     function fileUploaded(sender, args) {
         var manager = $find("ajaxManager");
         manager.ajaxRequest();
     }

 </script>

 <telerik:RadAjaxManager runat="server" ID="ajaxManager">
     <AjaxSettings>
         <telerik:AjaxSetting AjaxControlID="ajaxManager">
             <UpdatedControls>
                 <telerik:AjaxUpdatedControl ControlID="upload" />
                 <telerik:AjaxUpdatedControl ControlID="preview" />
             </UpdatedControls>
         </telerik:AjaxSetting>
     </AjaxSettings>
 </telerik:RadAjaxManager>

 <telerik:RadAsyncUpload runat="server" ID="upload" OnFileUploaded="upload_FileUploaded" OnClientFileUploaded="fileUploaded"></telerik:RadAsyncUpload>
 <telerik:RadBinaryImage runat="server" ID="preview" />

protected void upload_FileUploaded(object sender, FileUploadedEventArgs e)
{
    BinaryReader reader = new BinaryReader(e.File.InputStream);
    Byte[] data = reader.ReadBytes((int)e.File.InputStream.Length);
    preview.DataValue = data;
}

This demo shows how to preview and insert images into database with RadAsyncUpload.

I hope this helps.

Regards,
Hristo Valyavicharski
Telerik

[lakshmi]

Hi,I m new to Telerik controls.now i selected one image(I used telerik:RadAsyncUpload) after seleted the img(HTML img Tag) it is showing in the preview whatever we selected img.Now i m dng some postback.after doing the postback also i have to show the currently selected img in preview.Now it is showing previously selected img.Pls help me. It is urgent for me.