ASP.NET图片上传与验证示例

"ASP.NET 图片上传示例代码与实现细节" 在ASP.NET开发中，上传图片是一项常见的功能，尤其在构建网站时，用户可能需要上传个人头像、产品图片等。以下是一个ASP.NET实现图片上传的示例代码，包含了前端JavaScript验证和后端C#处理部分。 首先，前端部分使用了JavaScript函数`ChangeImage(obj)`来实现图片类型的验证。这个函数会在用户选择文件后执行，检查所选文件的扩展名是否为"jpg"、"gif"、"png"或"jpeg"，确保上传的是图片文件。如果文件类型不符合，会弹出警告信息。此外，该函数还会更新预览图片的`src`属性，让用户能在上传前看到即将上传的图片。HTML代码中，`asp:FileUpload`控件用于让用户选择图片，并通过`onchange`事件调用`ChangeImage`函数。`asp:Image`控件则用于显示预览图像。 ```html <div class="ListContentRows"> <div class="ListContentRowsLiLeft">LOGO</div> <div class="info_w_3"> <asp:Image ID="imgPro" runat="server" Height="76px" Width="218" /> <asp:FileUpload ID="fuImg" runat="server" CssClass="loginText_Code" onchange="javascript:ChangeImage(this)" Width="300" /> &nbsp;&nbsp;Logo图片，尺寸为218*76像素 </div> </div> ``` 接下来是后端部分，使用C#处理图片上传。首先获取`asp:FileUpload`控件上传的文件名，然后检查是否有文件被选择。接着，获取文件的扩展名，确保它是一个图片格式。为了生成唯一的文件名，这里使用当前时间戳（年月日时分秒）作为文件名的一部分。最后，设置保存图片的路径，但请注意，实际项目中需要根据实际情况调整服务器上的保存路径。 ```csharp string fileName = ((FileUpload)Page.FindControl("fuImg")).PostedFile.FileName; // 获取图片文件名 string fileImg = ""; if (fileName.Trim() != "") { string extension = Path.GetExtension(fileName).ToUpper(); // 获取文件扩展名 fileImg = DateTime.Now.Year.ToString() + DateTime.Now.Month.ToString() + DateTime.Now.Day.ToString() + DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString(); //string path = Server.MapPath(".") + "/ProImg/" + fileImg + extension; // 示例保存路径，需根据实际项目修改 string path = page /*此处应替换为实际的页面或服务对象*/ .MapPath("/uploads/" + fileImg + extension); // 修改后的保存路径示例，考虑将图片保存到一个名为"uploads"的目录下 // 实际的图片保存操作 } ``` 在实际的图片保存操作中，你需要使用`PostedFile.SaveAs(path)`方法将文件保存到服务器上。记得处理可能出现的异常，例如磁盘空间不足或文件路径无效等。 总结，ASP.NET中上传图片涉及前端的文件选择和验证，以及后端的文件接收、验证和存储。这个示例代码提供了一个基础的实现框架，你可以根据项目需求进行扩展和完善，例如添加更复杂的验证规则，处理不同大小的图片，或者将图片上传到云存储服务等。