ASP.Net上传文件带进度条、显示剩余时间！

最新推荐文章于 2012-04-10 13:58:00 发布

weixin_34199405

最新推荐文章于 2012-04-10 13:58:00 发布

阅读量156

点赞数

文章标签： java xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/gllgsoft/archive/2010/07/09/1774540.html

版权

近段时间因为开发隐私存储网站，采用ASP.Net 2.0在处理上传文件，因为上传的文件比较大，为了改善用户体验，所以自己重写了ASP.Net 的标准上传控件， 实现显示进度条，百分比，平均速度，剩余时间，最小化后台运行等功能！

上传文件运行界面：

部份核心代码，需要的朋友根据实际情况修改：

前台处理HTML：UpLoadFile.aspx

程序代码

<%@ Page Language="C#" AutoEventWireup="true" Inherits="WDMM.Web.UpLoad.UpLoadFile" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="/css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="/Script/Prototype.js"></script>
<script type="text/javascript" language="javascript" src="/Script/Common.js"></script>
<script type="text/javascript" language="javascript">
//<![CDATA[
  var url = 'progress.aspx?UploadID=<%=Request.QueryString["UploadID"]%>';
//]]>
</script>
</head>
<body>
<div class="mContent">
  <div class="scwj">
    <form id="upform" method="post" enctype="multipart/form-data" runat="server">
      <input id="upload" name="upload" type="hidden" value="no" runat="server" />
      <p> <b>选择分类：</b>
        <select name="class" style="font-size: 12px;">
          <asp:Repeater ID="RepeaterClass" runat="server">
            <ItemTemplate>
              <option value="<%# Eval("id") %>"> <%# Eval("name") %> </option>
            </ItemTemplate>
          </asp:Repeater>
        </select>
        <input type="button" class="tjfl" οnclick="Util.classdisplay('01');" />
      </p>
      <p id="newclass" style="display: none;">
        <input name="classtext" type="text" maxlength="30" />
        <input name="classadd" type="button" value="确定" class="tjfl1" οnclick="Util.chkclass('01');" />
        <input name="classcls" type="button" value="取消" class="tjfl2" οnclick="Util.clearclass();" />
      </p>
      <p> </p>
      <p> <b>上传：</b></p>
      <p id="MyFile">
        <input type="file" size="50" name="File" />
      </p>
      <p>
        <input type="button" value="增加文件" class="inputaa" οnclick="Files.adds();" />
      </p>
      <br />
      <p> 注：单个上传文件大小，不能超过100MB；每次最多可以上传5个文件。</p>
      <br />
      <p>
        <input type="button" value="重新选择" class="inputaa" οnclick="Files.resets();" />
        <input type="button" value="开始上传" class="inputaa" οnclick="Files.submits();" />
      </p>
    </form>
  </div>
</div>
</body>
</html>

前台处理代码：UpLoadFile.aspx.cs

程序代码

using System;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.UI.WebControls;
using System.Text;
using System.IO;
using WDMM.Common;
using WDMM.Data.SqlServer;
using WDMM.Web.UpLoad;

namespace WDMM.Web.UpLoad
{
    public partial class UpLoadFile : WDMM.Common.BasePage
    {
        private string sFilesserver, sFilepath = "";

        protected void Page_Load(object sender, EventArgs e)
        {
            Utils.GetiFrameLogin();
            if (Utils.GetRequestQueryString("UploadID") == "")
            {
                Response.Redirect("UpLoadFile.aspx?UploadID=" + Utils.GetGuid());
            }
            Cookies ck = new Cookies();
            this.GetFoldersid(ck.Id);
            if (Utils.GetRequestForm("upload") == "yes")
            {
                if (ck.Onlock != "True")
                {
                    sFilesserver = ConfigurationManager.AppSettings["FileServer"].ToString();
                    sFilepath = HttpContext.Current.Request.MapPath("/File/" + ck.Id + "/");
                    if (Utils.DirectoryExists(sFilepath))
                    {
                        this.SaveFile(ck.Id, ck.Email);
                    }
                }
                else
                {
                    StringBuilder java = new StringBuilder();
                    java.AppendLine("parent.Up.revert();");
                    java.AppendLine("setTimeout(\"window.location.href = 'UpLoadFile.aspx';\", 1000);");
                    Utils.javaFunction("您存储空间已被锁定，请先升级！", java.ToString());
                }
            }
        }

        /// <summary>
        /// 文件夹编号
        /// </summary>
        private string Foldersid
        {
            get { return Utils.GetRequestForm("class"); }
            set { Foldersid = value; }
        }

        /// <summary>
        /// 获取用户文件夹
        /// </summary>
        /// <param name="userid"></param>
        private void GetFoldersid(string userid)
        {
            Repeater RepeaterClass;
            RepeaterClass = (Repeater)Page.FindControl("RepeaterClass");
            using (DataTable dt = DataProvider.GetUserClass(1, userid))
            {
                if (dt.Rows.Count > 0)
                {
                    RepeaterClass.DataSource = dt;
                    RepeaterClass.DataBind();
                }
            }
        }

        /// <summary>
        /// 保存上传文件
        /// </summary>
        /// <param name="userid"></param>
        /// <param name="email"></param>
        private void SaveFile(string userid, string email)
        {
            double disksize, spentsize = 0;
            HttpFileCollection files = Request.Files;
            try
            {
                StringBuilder sb = new StringBuilder();
                int i = 1;
                for (int iFile = 0; iFile < files.Count; iFile++)
                {
                    HttpPostedFile postedFile = files[iFile];
                    string fileName = Path.GetFileName(postedFile.FileName);
                    string Extension = Path.GetExtension(postedFile.FileName);
                    if (Extension != "")
                    {
                        double sFilesize = postedFile.ContentLength;
                        if (Utils.GetFileSizeMB(sFilesize) > 100)
                        {
                            sb.Append(i.ToString() + "、文件“" + fileName + "” 超过 100MB 限制，跳过此文件。\\r\\n");
                            i++;
                        }
                        else if (sFilesize < 1)
                        {
                            sb.Append(i.ToString() + "、文件“" + fileName + "” 小于 0KB 限制，跳过此文件。\\r\\n");
                            i++;
                        }
                        else
                        {
                            using (DataTable dt = DataProvider.GetUserLoginInfo(email))
                            {
                                if (dt.Rows.Count > 0)
                                {
                                    disksize = Convert.ToDouble(dt.Rows[0]["disksize"].ToString());
                                    spentsize = disksize - Convert.ToDouble(dt.Rows[0]["spentsize"].ToString());
                                }
                            }
                            if (sFilesize < spentsize)
                            {
                                string sFilename = Guid.NewGuid().ToString();
                                Fileinfo fi = new Fileinfo();
                                fi.Userid = userid;
                                fi.Foldersid = Foldersid;
                                fi.Extension = Extension;
                                fi.FileName = fileName;
                                fi.Filesize = sFilesize.ToString();
                                fi.Fileserver = sFilesserver;
                                fi.Diskpath = sFilepath + sFilename + Extension;
                                postedFile.SaveAs(fi.Diskpath);
                                if (!DataProvider.SetInFile(fi))
                                {
                                    Utils.FileDelete(fi.Diskpath);
                                    sb.Append(i.ToString() + "、文件“" + fileName + "”上传失败。\\r\\n");
                                    i++;
                                }
                            }
                            else
                            {
                                sb.Append("您的空间已满，请升级再上传！");
                                break;
                            }
                        }
                    }
                }
                string para = "ConFileList.aspx";
                string strMessage = "温馨提示：";
                StringBuilder java = new StringBuilder();
                if (sb.Length > 0)
                {
                    strMessage += "\\r\\n\\r\\n" + sb.ToString();
                    java.AppendLine("parent.Up.revert();");
                    java.AppendLine("setTimeout(\"window.location.href = 'UpLoadFile.aspx';\", 1000);");
                }
                else
                {
                    strMessage += "您所选择的文件已全部上传完毕。";
                    java.AppendLine("parent.Up.Completes('complete," + HttpUploadModule.TotalBytes + "," + HttpUploadModule.TotalBytes + "');");
                    java.AppendLine("parent.Up.closeup('" + para + "');");
                    java.AppendLine("setTimeout(\"window.location.href = 'UpLoadFile.aspx';\", 1500);");
                }
                Utils.javaFunction(strMessage, java.ToString());
            }
            catch (Exception ex)
            {
                throw new Exception(ex.Message + ex.StackTrace);
            }
        }
    }
}

后台进度条状态：Progress.aspx

程序代码

using System;
using System.Web;
using WDMM.Common;
using WDMM.Web.UpLoad;

namespace WDMM.Web.UpLoad
{
    /// <summary>
    /// Progress.aspx 页面处理
    /// </summary>
    public class UploadProgress : WDMM.Common.BasePage
    {
        private string strResult = "";

        protected void Page_Load(object sender, EventArgs e)
        {
            Progress progress = HttpUploadModule.GetProgress(Utils.GetRequestQueryString("UploadID"), Application);
            if (progress != null)
            {
                if (progress.State == UploadState.ReceivingData)
                {
                    strResult = "send," + progress.ContentLength;
                    strResult += "," + progress.BytesRead;
                }
                else if (progress.State == UploadState.Complete)
                {
                    strResult = "complete," + progress.ContentLength;
                    strResult += "," + progress.BytesRead;
                }
                else
                {
                    strResult = "error,-1,0";
                }
            }
            Response.Clear();
            Response.Write(strResult);
            Response.End();
        }
    }
}

前台Ajax获取上传进度计算相关数据：Common.js

程序代码