在ASP.NET 2.0 中实现文件上载

发布时间：2006-04-13 23:36:53　来源：msdn 网友评论 0 条

　　自引入 Microsoft ASP.NET 版本 1.0 之日起，就存在生成 Web 应用程序的内置方法，这些方法能够将文件上载到宿主服务器。这是通过使用 File Field HTML 服务器控件实现的。我以前写过一篇关于如何在 ASP.NET 应用程序中有效使用该控件的 MSDN 文章。本文将再次介绍文件上载过程，但不是使用 File Field 控件，我将向您介绍如何有效使用 ASP.NET 2.0 提供的新 FileUpload 服务器控件。

　　虽然本文向您介绍新增的 FileUpload 服务器控件，但现在仍然可以在应用程序中使用 File Field 控件，注意到这一点是非常重要的。

　　FileUpload 服务器控件示例

　　在 ASP.NET 1.x 中使用 File Field 控件时，必须采取一些额外的步骤才能使一切有条不紊地正常运行。例如，您需要亲自将 enctype="multipart/form-data" 添加到页面的 <form> 元素中。ASP.NET 2.0 中提供的新 FileUpload 服务器控件使将文件上载到宿主服务器的过程尽可能的简单。

　　最后，您试图允许对 HTML <input type="file">标记进行编程。该标记用于与 HTML 窗体中的文件数据一起使用。过去使用传统的 ASP（ASP 3.0 或更早的版本）时，许多程序员使用第三方组件将文件从客户端上载到服务器。现在，通过 .NET 和该新控件可以进行上载。清单 1 显示如何使用 FileUpload 控件将文件上载到服务器。

　　注提供 Microsoft Visual Basic 和 C# 形式的示例代码。

　　清单 1. 使用 FileUpload 控件将文件上载到服务器

Visual Basic

<%@ Page Language="VB" %> <script runat="server">     Protected Sub Button1_Click(ByVal sender As Object, _       ByVal e As System.EventArgs)         If FileUpload1.HasFile Then             Try                 FileUpload1.SaveAs("C:/Uploads/" & _                    FileUpload1.FileName)                 Label1.Text = "File name: " & _                    FileUpload1.PostedFile.FileName & "<br>" & _                    "File Size: " & _                    FileUpload1.PostedFile.ContentLength & " kb<br>" & _                    "Content type: " & _                    FileUpload1.PostedFile.ContentType             Catch ex As Exception                 Label1.Text = "ERROR: " & ex.Message.ToString()             End Try         Else             Label1.Text = "You have not specified a file."         End If     End Sub </script> <HTML xmlns="http://www.w3.org/1999/xHTML" > <head runat="server">     <title>Upload Files</title> </head> <body>     <form id="form1" runat="server">     <div>         <ASP:FileUpload ID="FileUpload1" runat="server" /><br />         <br />         <ASP:Button ID="Button1" runat="server" OnClick="Button1_Click"           Text="Upload File" /> <br />         <br />         <ASP:Label ID="Label1" runat="server"></ASP:Label></div>     </form> </body> </HTML>

<%@ Page Language="C#" %> <script runat="server">     protected void Button1_Click(object sender, EventArgs e)     {         if (FileUpload1.HasFile)             try             {                 FileUpload1.SaveAs("C://Uploads//" +                       FileUpload1.FileName);                 Label1.Text = "File name: " +                      FileUpload1.PostedFile.FileName + "<br>" +                      FileUpload1.PostedFile.ContentLength + " kb<br>" +                      "Content type: " +                      FileUpload1.PostedFile.ContentType;             }             catch (Exception ex)             {                 Label1.Text = "ERROR: " + ex.Message.ToString();             }         else         {             Label1.Text = "You have not specified a file.";         }     } </script> <HTML xmlns="http://www.w3.org/1999/xHTML" > <head runat="server">     <title>Upload Files</title> </head> <body>     <form id="form1" runat="server">     <div>         <ASP:FileUpload ID="FileUpload1" runat="server" /><br />         <br />         <ASP:Button ID="Button1" runat="server" OnClick="Button1_Click"           Text="Upload File" /> <br />         <br />         <ASP:Label ID="Label1" runat="server"></ASP:Label></div>     </form> </body> </HTML>

　　运行该页，如果看看为该页生成的源代码，就会注意到一些问题。清单 2 列出这段源代码。

　　清单 2. FileUpload 控件生成的源代码

<HTML xmlns="http://www.w3.org/1999/xHTML" > <head><title>    Upload Files </title></head> <body>     <form name="form1" method="post" action="MyFileUpload.ASPx"       id="form1" enctype="multipart/form-data"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="
      /wEPDwUJNDcxNTg5NDg3D2QWAgIEDxYCHgdlbmN0eXBlBRNtdWx0aXBhcnQvZm9yb        S1kYXRhZGQUQEUFMY1+/fp1mnrkbqmVNQIzFA==" /> </div>     <div>         <input type="file" name="FileUpload1" id="FileUpload1" /><br />         <br />         <input type="submit" name="Button1" value="Upload File"           id="Button1" /> <br />         <br />         <span id="Label1"></span>     </div>      <div>    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"      value="/wEWAgLB+7jIAwKM54rGBv2Iz6LxVY7jWec0gZMxnuaK2ufq" /> </div></form> </body> </HTML>

　　首先要注意的是，由于 FileUpload 控件位于该页上，因此 ASP.NET 2.0 通过添加相应的 enctype 属性来代替您修改该页的 <form> 元素。您还会注意到，FileUpload 控件被转换为一个 HTML <input type="file">元素。

　　清单 1 中的页面运行后，您可以选择一个文件，然后通过单击该页上的 Upload File 按钮将它上载到服务器。针对该示例，我们需要重温一些重要的事项，以便理解实现该操作所需的所有步骤。要使清单 1 中的示例生效，必须使服务器上的目标文件夹对于 ASP.NET 使用的帐户是可写的，这样才能将文件保存到指定的文件夹中。

　　如果您认为自己的 ASP.NET 帐户不能写入希望的文件夹，则只需打开 Microsoft Windows Explorer，然后定位到要添加该权限的文件夹即可。右击该文件夹（本例中为 Uploads 文件夹），然后选择 Properties。在 Properties 对话框中，单击 Security 选项卡，确保列表中包括 ASP.NET 机器帐户，该帐户具有写入磁盘的适当权限（请参见图 1）。

图 1. 查看 Uploads 文件夹的 Security 选项卡

　　如果在 Security 选项卡下没看到 ASP.NET 机器帐户，可以通过单击 Add 按钮并在文本区域中输入 ASPNET（没有期限）来添加该帐户，如图 2 所示。

图 2. 将 ASP.NET 机器帐户添加到文件夹安全性定义中

　　单击 OK，将 ASP.NET 机器帐户添加到列表中。在此，请确保为该帐户赋予了适当的权限，然后单击 OK，这样就准备就绪了。

　　该页上的 Submit 按钮会引发 Button1_Click 事件发生。该事件上载文件，然后显示一条消息，通过发布有关已上载文件的信息来告诉您上载是否成功。如果上载失败，则该页显示一条描述上载失败原因的错误消息。

　　通过使用将自己转换为<input type="file"> 标记的 FileUpload 控件，浏览器自动将一个 Browse 按钮放在 ASP.NET 页上的文本字段旁边。无需进行任何编程，就会出现这种情况。当最终用户单击 Browse 按钮时，他可以浏览本地文件系统以查找要上载到服务器的文件。如图 3 所示。单击 Open 将把文件名和该文件的路径放到文本字段中。

图 3. 选择文件

1/2 1 2 ›› ›|

【评论】【收藏本文】【打印】【关闭】

上一篇文章：用ASP.NET 2.0实现AJAX风格的Web开发

下一篇文章：引入ASP.NET 2.0 Web 部件连接

已有 0 位对此新闻感兴趣的网友发表了看法

图文阅读推荐

推荐阅讯

阅读排行

专题教程

病毒专杀栏

在ASP.NET 2.0 中实现文件上载

相关文章

图文阅读推荐