ASP.NET FileUpload 上传图片实例

下面是关于“ASP.NET FileUpload 上传图片实例”的完整攻略，包含两个示例说明。

简介

在ASP.NET中，我们可以使用FileUpload控件来上传图片。本攻略中，我们将介绍如何使用FileUpload控件来上传图片，并提供一些最佳实践。

步骤

在使用FileUpload控件上传图片时，我们可以通过以下步骤来实现：

1. 在ASP.NET页面中添加FileUpload控件。
2. 在ASP.NET页面中添加Button控件。
3. 在ASP.NET页面中添加Image控件。
4. 在ASP.NET页面中添加事件处理程序。
5. 在事件处理程序中处理上传的图片。

示例

示例1：上传图片

在本示例中，我们将使用FileUpload控件上传一张图片，并在Image控件中显示它。我们可以通过以下步骤来实现：

1. 在ASP.NET页面中添加FileUpload、Button和Image控件。

<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="上传" OnClick="Button1_Click" />
<asp:Image ID="Image1" runat="server" />

在上面的代码中，我们添加了一个FileUpload控件、一个Button控件和一个Image控件。

1. 在ASP.NET页面中添加事件处理程序。

protected void Button1_Click(object sender, EventArgs e)
{
    if (FileUpload1.HasFile)
    {
        string fileName = Path.GetFileName(FileUpload1.FileName);
        string filePath = Server.MapPath("~/Uploads/" + fileName);
        FileUpload1.SaveAs(filePath);
        Image1.ImageUrl = "~/Uploads/" + fileName;
    }
}

在上面的代码中，我们在Button1_Click事件处理程序中处理上传的图片。我们首先检查FileUpload控件是否包含文件，然后获取文件名和文件路径。接下来，我们将文件保存到服务器上的“Uploads”文件夹中，并将Image控件的ImageUrl属性设置为上传的图片的路径。

示例2：限制上传文件类型

在本示例中，我们将限制上传的文件类型，只允许上传图片文件。我们可以通过以下步骤来实现：

1. 在ASP.NET页面中添加FileUpload、Button和Image控件。

<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="上传" OnClick="Button1_Click" />
<asp:Image ID="Image1" runat="server" />

在上面的代码中，我们添加了一个FileUpload控件、一个Button控件和一个Image控件。

1. 在ASP.NET页面中添加事件处理程序。

protected void Button1_Click(object sender, EventArgs e)
{
    if (FileUpload1.HasFile)
    {
        string fileExtension = Path.GetExtension(FileUpload1.FileName);
        if (fileExtension.ToLower() == ".jpg" || fileExtension.ToLower() == ".png")
        {
            string fileName = Path.GetFileName(FileUpload1.FileName);
            string filePath = Server.MapPath("~/Uploads/" + fileName);
            FileUpload1.SaveAs(filePath);
            Image1.ImageUrl = "~/Uploads/" + fileName;
        }
        else
        {
            Response.Write("只允许上传jpg和png格式的图片文件！");
        }
    }
}

在上面的代码中，我们在Button1_Click事件处理程序中处理上传的图片，并限制上传的文件类型。我们首先获取上传文件的扩展名，然后检查它是否为“.jpg”或“.png”。如果是，我们将文件保存到服务器上的“Uploads”文件夹中，并将Image控件的ImageUrl属性设置为上传的图片的路径。如果不是，我们将输出一条错误消息。

总结

在本攻略中，我们介绍了如何使用FileUpload控件来上传图片，并提供了两个示例说明。我们首先添加了FileUpload、Button和Image控件，然后在事件处理程序中处理上传的图片。通过这些步骤，我们可以轻松地在ASP.NET中使用FileUpload控件上传图片，提高应用程序的可扩展性和可维护性。