【ASP.NET编程知识】asp.net利用ashx文件实现文件的上传功能.docx

ASP.NET 实现文件上传功能 本文主要介绍如何使用 ASP.NET 实现文件上传功能，包括两种方法：Form 表单提交和 jQuery + AJAX 无刷新上传。 方法一：Form 表单提交 在 ASP.NET 中，可以使用 Form 表单提交实现文件上传。需要创建一个 HTML 表单，並将 enctype 设置为 "multipart/form-data"，以便允许文件上传。然后，在服务器端，可以使用 IHttpHandler 接口来处理文件上传。 以下是 HTML 代码： ```html <form action="UploadHandler.ashx" method="post" enctype="multipart/form-data"> <input id="file_upload" name="file_upload" type="file" /> <input id="btn_upload" type="submit" value="上传" /> </form> ``` UploadHandler.ashx 代码： ```csharp using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace WebApplication1 { public class UploadHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; HttpPostedFile file = context.Request.Files["file_upload"]; string filePath = context.Server.MapPath("~/UploadFiles/") + System.IO.Path.GetFileName(file.FileName); file.SaveAs(filePath); context.Response.Write("上传文件成功"); } public bool IsReusable { get { return false; } } } } ``` 这种方法可以实现文件上传，但是当表单提交后，整个页面将刷新。这可能不是我们想要的结果。 方法二：jQuery + AJAX 无刷新上传 为了实现无刷新上传文件，可以使用 jQuery + AJAX 方式。需要创建一个 HTML 表单，并将文件选择框和上传按钮添加到表单中。然后，使用 jQuery 的 AJAX 功能将文件上传到服务器。 以下是 HTML 代码： ```html <input id="file_upload" name="file_upload" type="file" /> <input id="btn_upload" type="button" value="上传" /> <script> $(document).ready(function () { $('#btn_upload').bind('click', function () { var formData = new FormData(); formData.append('upload_file', $('#file_upload')[0].files[0]); $.ajax({ url: 'UploadHandler.ashx', type: 'post', data: formData, contentType: false, processData: false, success: function (data) { alert("上传文件成功"); } }); }); }); </script> ``` UploadHandler.ashx 代码与方法一相同。 这种方法可以实现无刷新上传文件，提高了用户体验。 ASP.NET 提供了多种方式来实现文件上传功能，包括 Form 表单提交和 jQuery + AJAX 无刷新上传。开发者可以根据实际需求选择合适的方法来实现文件上传功能。