上传文件时显示进度条

使用方法：
VideoAdd.aspx

  
  

   
   
   
   <input type="file" id="txtUpfile" size="55" runat="server">
   
   

   
   <asp:Button ID="btnUpfile" Text=" 上传 " Runat="server" />
   
   

   
   <input type="button" id="btnCancel" value=" 取 消 " onclick="UploadCancel()" style="display:none">
   
   

   
   <br>
   
   

   
   <div id="progressBar" class="progressBar" style="display:none">
   
   
    
   
   <div class="progressInfo" id="progressInfo" onselectstart="return false;">
   
   
        
   
    
   
   
    
   
   </div>
   
   
    
   
   <div class="progress" id="progress">
   
   
    
   
   </div>
   
   

   
   </div>
  
  

VideoAdd.aspx.cs

  
  

   
   
   
   private void Page_Load(object
   
    sender, System.EventArgs e)
{
    if(!
   
   IsPostBack)
    {
        if(Request.QueryString["UploadID"] == null
   
   )
        {
            if(id == ""
   
   )
            {
                Response.Redirect(Request.Url.AbsoluteUri +"?UploadID=" +
   
    Guid.NewGuid().ToString());
            }
            else
   
   
            {
                Response.Redirect(Request.Url.ToString() 
   
   +"&UploadID=" +
   
    Guid.NewGuid().ToString());
            }
        }
    
        btnUpfile.Attributes["onclick"] = "form1.btnCancel.style.display = '';"+
            "document.getElementById('progressBar').style.display = '';"+
            "window.setTimeout('LoadProgressInfo()', 500);"
   
   ;
    }
}



private void btnUpfile_Click(object
   
    sender, System.EventArgs e)
{
    using(WebUpfile up = new WebUpfile(txtUpfile.PostedFile, "/video/mpg/", "newfilename.mpg"
   
   ))
    {
        txtFilename.Text =
   
    up.FullName;
    }

    RegisterStartupScript("aa", "<script>form1.btnCancel.style.display = 'none';"+
        "document.getElementById('progressBar').style.display = 'none';</script>"
   
   );
}
  
  

Web.Config

  
  

   
   
   
   <
   
   configuration
   
   >
   
   
  
   
   <
   
   system
   
   .web
   
   >
   
   

    
   
   <
   
   httpModules
   
   >
   
   
      
   
   <
   
   add 
   
   name
   
   ="HttpUploadModule"
   
    type
   
   ="Openlab.Web.Upload.HttpUploadModule, Openlab.Web.Upload"
   
    
   
   />
   
   
    
   
   </
   
   httpModules
   
   >
   
   

  
   
   <
   
   system
   
   .web
   
   >
   
   

   
   <
   
   configuration
   
   >