Hi guys.. i wonder how can i display uploaded image after upload via AsyncFileUpload.
I have search over the internet and most of the articles doesn't fit to my requirement. (i need to display image to my .net Image Component)
Below is my working sample app.. pls advise.
HTML
<head><script type = "text/javascript">
function uploadComplete(sender) {$get("<%=lbl_message.ClientID%>").innerHTML = "File Uploaded Successfully";
}
function uploadError(sender) {
$get("<%=lbl_message.ClientID%>").innerHTML = "File upload failed.";
}</script></head><body><form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><cc1:AsyncFileUpload runat="server" ID="AsyncFileUpload1" UploaderStyle="Traditional"
OnClientUploadError="uploadError"
OnClientUploadComplete="uploadComplete"
CompleteBackColor="White"
UploadingBackColor="#99FF99"
ThrobberID="image_Loader1"
OnUploadedComplete="FileUploadComplete" /><asp:Image ID="image_Loader1" runat="server" ImageUrl="../images/uploading.gif" /><asp:Image ID="Image1" runat="server" /><asp:Label ID="lbl_message" runat="server"></asp:Label></form></body>
CODEBEHIND
Protected Sub FileUploadComplete(ByVal sender As Object, ByVal e As EventArgs)
Try
AsyncFileUpload1.SaveAs("~/UploadFolder/" + AsyncFileUpload1.FileName)
Image1.ImageUrl = strPath
Catch ex As Exception
lbl_message.Text = ex.ToString
End Try
End Sub