Asp.net上传图片资源-CSDN文库

需积分: 3 98 浏览量 2011-07-19 00:32:52 上传评论收藏 76KB DOC 举报

### ASP.NET 图片上传知识点详解 #### 一、概述在Web开发中，图片上传是一项常见功能，尤其在用户头像设置、商品展示等场景中不可或缺。本文将围绕“ASP.NET上传图片”的方法进行深入探讨，旨在为初学者提供一份详尽的指南。 #### 二、使用标准HTML进行图片上传 ##### 1. 前台代码实现使用标准HTML进行图片上传是一种较为基础但非常实用的方法。以下是一个简单的示例代码： ```html <body> <form id="form1" runat="server"> <div> <table> <tr> <td colspan="2" style="height:21px"> 使用标准HTML来进行图片上传 </td> </tr> <tr> <td style="width:400px"> <input id="InputFile" style="width:399px" type="file" runat="server"/> </td> <td style="width:80px"> <asp:Button ID="UploadButton" runat="server" Text="上传图片" OnClick="UploadButton_Click"/> </td> </tr> <tr> <td colspan="2"> <asp:Label ID="Lb_Info" runat="server" ForeColor="Red"></asp:Label> </td> </tr> </table> </div> </form> </body> ``` 这里的关键在于`<input type="file">`标签用于选择文件，而`<asp:Button>`则负责触发上传操作。 ##### 2. 后台代码实现后台代码主要负责处理文件上传逻辑，具体步骤如下： 1. **获取文件信息**：通过`InputFile.Value`获取用户选择的文件路径。 2. **设置文件名**：为了防止文件名重复，通常会使用时间戳加上文件后缀作为新的文件名。 3. **保存文件**：利用`InputFile.PostedFile.SaveAs()`方法将文件保存到指定位置。示例代码如下： ```csharp protected void UploadButton_Click(object sender, EventArgs e) { string uploadName = InputFile.Value; string pictureName = ""; // 上传后的图片名 if (InputFile.Value != "") { int idx = uploadName.LastIndexOf("."); string suffix = uploadName.Substring(idx); // 获得上传的图片的后缀名 pictureName = DateTime.Now.Ticks.ToString() + suffix; } try { if (uploadName != "") { string path = Server.MapPath("~/images/"); InputFile.PostedFile.SaveAs(path + pictureName); } } catch (Exception ex) { Response.Write(ex); } } ``` #### 三、单文件上传单文件上传是更高级一点的功能，它通常基于`<asp:FileUpload>`控件实现。相比于标准HTML方法，这种方法更加方便且易于管理。 ##### 1. 前台代码实现 ```html <body> <form id="form1" runat="server"> <div> <table style="width:90%"> <tr> <td style="width:159px" colspan=2> <strong><span style="font-size:10pt">最简单的单文件上传</span></strong> </td> </tr> <tr> <td style="width:600px"> <asp:FileUpload ID="FileUpload1" runat="server" Width="600px"/> </td> <td align=left> <asp:Button ID="FileUpload_Button" runat="server" Text="上传图片" OnClick="FileUpload_Button_Click"/> </td> </tr> <tr> <td colspan=2> <asp:Label ID="Upload_info" runat="server" ForeColor="Red"> ``` 与标准HTML相比，这里的`<asp:FileUpload>`控件提供了更多内置功能，如文件大小限制、类型验证等。 ##### 2. 后台代码实现单文件上传的后台处理逻辑与标准HTML上传类似，主要包括文件的读取、重命名以及保存。具体的代码实现可以根据需求进行调整。 #### 四、总结本文详细介绍了两种在ASP.NET中上传图片的方法——使用标准HTML和单文件上传。通过这些示例，你可以了解到如何从前端收集图片数据，并在后端进行处理和存储。这对于构建支持图片上传功能的应用程序来说是非常有用的。希望本文能够帮助你更好地理解ASP.NET中的图片上传机制。

资源推荐

资源详情

资源评论