ASP.NET文件上传进度条实战：多风格实现

110 浏览量更新于2024-08-30 收藏 60KB PDF 举报

"本篇文章主要介绍了如何在ASP.NET中实现文件上传功能，并且提供了带进度条的多种实现方式，以提升用户体验。文章首先强调了文件上传带进度条的重要性，因为这可以实时反馈上传过程，让用户了解文件上传的进度，减少等待焦虑。作者分享了一个具体的代码示例，使用了`<%@RegisterAssembly>`指令引用了第三方库`MattBerseth.WebControls.AJAX`，这个库包含进度条控件，通过`mb`标签前缀进行引用。代码片段展示了ASP.NET页面的基本结构，包括`<%@PageLanguage="C#"%>`声明，以及CSS和JavaScript链接，用于样式和功能的引入。在服务器端的`Page_Load`事件中，如果页面首次加载，会创建一个`UploadInfo`对象并将其保存到Session中，这可能是用来存储上传文件的相关数据和进度信息。值得注意的是，作者提到之前的章节可能已经介绍过类似的内容，鼓励读者回顾先前的文章来扩展对带进度条文件上传的理解。这种做法有助于构建一个连续的学习路径，确保读者能逐步掌握相关技术。本文的核心知识点包括： 1. ASP.NET文件上传功能：如何在ASP.NET环境下处理用户上传文件，包括接收文件、验证文件类型、大小等。 2. 带进度条的文件上传：如何利用AJAX技术实现实时的上传进度显示，提高用户体验，通过第三方库如`MattBerseth.WebControls.AJAX`中的进度条控件来实现。 3. 服务器端处理：使用C#编写服务器端代码，如`Session`的使用，用于存储上传信息和进度管理。 4. 前端样式与布局：CSS的运用，包括`<link>`标签引入的样式文件，用于美化上传界面。 5. 代码组织：展示了ASP.NET页面的基本结构，包括服务器端脚本和客户端脚本的嵌入。通过阅读这篇文章，开发者能够了解到如何将这些技术结合到自己的ASP.NET项目中，以提供更友好的文件上传体验。对于那些寻求在实际项目中应用此类功能的开发人员来说，这是一份宝贵的参考资料。

asp.net文件上传带进度条实现案例（多种风格）文件上传带进度条实现案例（多种风格）

主要讲解了asp.net文件上传带进度条实现案例，有不同风格的进度条，一定有一款最适合你的。

先饱饱眼福：

在之前的文章中也有类似带进度条文件传送的案例，大家可以翻阅之前的文章对知识点进行扩充。

部分代码：

<%@ Page Language="C#" %>

<%@ Register Assembly="MattBerseth.WebControls.AJAX" Namespace="MattBerseth.WebControls.AJAX.Progress" TagPrefix="mb" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Untitled Page</title>

<mce:style type="text/css"><!--

BODY{ font-family:Arial, Sans-Serif; font-size:12px;}

--></mce:style><style type="text/css" mce_bogus="1"> BODY{ font-family:Arial, Sans-Serif; font-size:12px;}

</style>

<mce:script type="text/C#" runat="server"><!--

protected void Page_Load(object sender, EventArgs args)

{

if (!this.IsPostBack)

{

this.Session["UploadInfo"] = new UploadInfo { IsReady = false };

}

/// <summary>

///

/// </summary>

[System.Web.Services.WebMethod]

[System.Web.Script.Services.ScriptMethod]

public static object GetUploadStatus()

{

//获取文件长度

UploadInfo info = HttpContext.Current.Session["UploadInfo"] as UploadInfo;

if (info != null && info.IsReady)

{

int soFar = info.UploadedLength;

int total = info.ContentLength;

int percentComplete = (int)Math.Ceiling((double)soFar / (double)total * 100);

string message = string.Format("上传 {0} ... {1} of {2} 字节", info.FileName, soFar, total);

// 返回百分比

return new { percentComplete = percentComplete, message = message };

}

// 还没有准备好...

return null;

}

// --></mce:script>

</head>

<body>

<asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true" />

<mce:script type="text/javascript"><!--

var intervalID = 0;

var progressBar;

var fileUpload;

var form;

// 进度条

function pageLoad(){

$addHandler($get('upload'), 'click', onUploadClick);

progressBar = $find('progress');

}

// 注册表单

function register(form, fileUpload){

this.form = form;

this.fileUpload = fileUpload;

}

//上传验证

function onUploadClick() {

var vaild = fileUpload.value.length > 0;

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38623255

粉丝: 4
资源: 919

ASP.NET文件上传进度条实战：多风格实现

文件上传显示进度条(asp.net)

asp.net mvc 实现文件上传带进度条的思路与方法

web网页ASP.NET进度条编写

asp.net文件上传带进度条

ASP.NET文件上传带进度条实战教程

asp.net无刷新上传文件，带进度条，支持多文件

asp.net2.0上传文件(含进度条)

一个基于C#+ ASP.NET 2.0 实现的带进度条上传控件源码

asp.net.JQuery大文件上传案例(完整案例)

asp.net +telerik大文件上传案例

最新资源