侧面更新面板中的AsyncFileUploader

Question

I am using AJAX AsyncFileUploader inside a update Panel. But it is not working. Can any body help me with some alternate method.

Thanks

Answer 1

您必须设置文件控件的这些事件。

OnClientUploadError="uploadError" OnClientUploadComplete="uploadComplete" 

Answer 2

You must define the client upload events and optionally set the OnUploadedComplete server-side event:

<ajax:AsyncFileUpload ID="UploadResume" runat="server" Width="450px"
OnClientUploadError="UploadError"
OnClientUploadComplete="UploadComplete" 
OnUploadedComplete="OnUploadComplete"
UploaderStyle="Modern" 
UploadingBackColor="#CCFFFF"/>

Client-side event handlers (JavaScript)

function UploadError(sender, args) 
{
    var e = args.get_errorMessage();
    var fn = args.get_fileName();
}
function UploadComplete(sender, args) 
{
    var content_type = args.get_contentType();
    var size = args.get_length()/1000 + " Kbytes";
}

Server-side event handler (C#)

protected void OnUploadComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
    if (UploadResume.HasFile)
    {
        // do something with uploaded file, e.g. save
        String path = MapPath("yourpath") + Path.GetFileName(e.FileName);
        UploadResume.SaveAs(path);
    }
    else
    {
        // error
    }
}

You don't need to use an UpdatePanel for this example, but it will work when inside one.