上传文件时显示进度条

最新推荐文章于 2025-03-26 09:34:38 发布

hnsjack

最新推荐文章于 2025-03-26 09:34:38 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net 文章标签： div button class object system input

本文链接：https://blog.youkuaiyun.com/hnsjack/article/details/1413844

asp.net 专栏收录该内容

8 篇文章

订阅专栏

使用方法：
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>