九、AsyncFileUpload——异步上传文件

AsyncFileUpload控件是用来异步上传文件的，说真的，看到现在，越来越觉得ajax control toolkit很鸡肋，总是似乎能用，但又总是似乎不够完全，所以，我觉得toolkit的用途真的不是很大，要做好这方面的工作ajax可以使用asp.net ajax，而js则使用jQuery我觉得这是比较完美的组合。

 

举例如下：

1.       拖入一个ScriptManage控件

2.       拖入一个AsyncFileUpload控件：

        <cc1:AsyncFileUpload ID="AsyncFileUpload1" runat="server"

                             OnClientUploadComplete="uploadComplete"    //上传成功完成后客户端调用的js方法

                             OnClientUploadError="uploadFailed"        //上传失败后客户端调用的js方法

                             onuploadedcomplete="AsyncFileUpload1_UploadedComplete" />   //上传成功后服务器端调用的事件

3.       客户端调用js代码：

    <script type="text/javascript">

    function uploadComplete(){

        alert("上传完成");

    }

    function uploadFailed(){

        alert("上传失败");

    }

    </script>

4.       在页面所在的文件夹下再新建一个文件夹SavedFiles用来存放上传的文件，然后为控件添加onuploadedcomplete事件：

    protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)

    {

        string filePath = Server.MapPath("SavedFiles");

        AsyncFileUpload1.SaveAs(filePath + "//" + e.filename);

    }