C#实现文件上传进度条
1、前台代码FileProcessBar.aspx:
<%@ page Language="C#" AutoEventWireup="true" CodeFile="FileProcessBar.aspx.cs" EnableEventValidation="false" Inherits="FileProcessBar" %> <!DOCTYpE html pUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" ""> <html xmlns=""> <head runat="server"> <title></title> <script language="javascript" type="text/javascript"> function checkFile(source, arguments) { arguments.IsValid = (document.all["theFile"].value != ""); } </script> <style type="text/css"> .style1 { width: 600px; } .style2 { width: 48px; } .style3 { width: 81px; } </style> </head> <body> <form id="form1" runat="server"> <table align="center" class="style1"> <tr> <td> <asp:HyperLink id="lnkReload" runat="server" NavigateUrl="FileprocessBar.aspx" Font-Bold="true">重新载入页面</asp:HyperLink> </td> </tr> </table> <asp:panel id="panUpload" runat="server"> <table align="center" class="style1"> <tr> <td colspan="2" >请选择你要上载的文件：</td> </tr> <tr> <td align="right" class="style2" >文件：</td> <td > <input id="theFile" style="WIDTH: 100%" type="file" name="theFile" runat="server" /> </td> </tr> <tr> <td align="right" class="style2" ></td> <td> <asp:CustomValidator ID="cusValTheFile" runat="server" ClientValidationFunction="checkFile" Display="Dynamic" ErrorMessage="你必须选择你上载的<b>文件</b>。"></asp:CustomValidator> </td> </tr> <tr> <td align="right" class="style2" >描述：</td> <td> <asp:TextBox ID="edInfo" runat="server" Width="100%"></asp:TextBox> </td> </tr> <tr> <td align="right" class="style2"></td> <td> <asp:RequiredFieldValidator ID="reqValInfo" runat="server" ControlToValidate="edInfo" Display="Dynamic" ErrorMessage="文件的 "<b>描述</b>" 不能为空，，请输入一些信息。"></asp:RequiredFieldValidator> </td> </tr> <tr> <td align="right" class="style2" ></td> <td> <asp:CheckBox ID="chbImportant" runat="server" Text="重要" /> </td> </tr> <tr> <td align="right" class="style2" > </td> <td> <asp:Button ID="btnUpload" runat="server" onclick="btnUpload_Click" Text="上载" Width="64px" /> </td> </tr> </table> <br/> </asp:panel> <asp:panel id="panInfo" runat="server"> <table align="center" class="style1"> <tr> <td align="right" width="100" colspan="2" style="width: 500px; text-align: left" > <asp:LinkButton ID="btnRefresh" runat="server" onclick="btnRefresh_Click" style="text-align: left" Visible="False">上载图像...</asp:LinkButton> </td> </tr> <tr> <td align="right" class="style3" > 文件名称：</td> <td width="400"> <asp:Label ID="lblFilename" runat="server" Font-Bold="true"></asp:Label> </td> </tr> <tr> <td align="right" class="style3" >进程条：</td> <td width="400" > <asp:Label id="lblProgress" runat="server" Font-Bold="True"></asp:Label></td> </tr> <tr> <td align="right" class="style3" ></td> <td width="400" > <asp:Image ID="panProgressBar" runat="server" ImageUrl="~/images/1.JPG" Height="20px" /> </td> </tr> <tr> <td align="right" class="style3" ></td> <td width="400"> <asp:Button id="btnCancel" runat="server" Width="64px" Text="取消" onclick="btnCancel_Click"></asp:Button></td> </tr> </table> </asp:panel> <asp:Panel id="panResult" runat="server"> <table align="center" class="style1"> <tr> <td><asp:Label ID="lblResult" runat="server"></asp:Label> </td> </tr> <tr> <td> <asp:HyperLink ID="lbkReturn" runat="server" NavigateUrl="FileprocessBar.aspx">返回上载页面</asp:HyperLink> </td> </tr> </table> </asp:Panel> <table align="center" class="style1"> <tr> <td> <asp:Literal id="litRefreshJS" runat="server"></asp:Literal> </td> </tr> </table> </form> </body> </html>
2、后台代码FileProcessBar.aspx.cs
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/66946.html
