asp.net 中使用JQuery Ajax 上传文件
2016-11-29 17:02
931 查看
首先创建一个网页,网页中添加如下代码。
接着在添加jquery代码
FileUploadHandler.ashx中的代码
最后效果如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 | < h3 >Upload File using Jquery AJAX in Asp.net</ h3 > < table > < tr > < td >File:</ td > < td > < asp:FileUpload ID="fupload" runat="server" onchange='prvimg.UpdatePreview(this)' /></ td > < td >< asp:Image ID="imgprv" runat="server" Height="90px" Width="75px" /></ td > </ tr > < tr > < td ></ td > < td >< asp:Button ID="btnUpload" runat="server" cssClass="button" Text="Upload Selected File" /></ td > </ tr > </ table > |
$("#btnUpload").click(function (evt) { var fileUpload = $("#fupload").get(0); var files = fileUpload.files; var data = new FormData(); for (var i = 0; i < files.length; i++) { data.append(files[i].name, files[i]); } $.ajax({ url: "FileUploadHandler.ashx", type: "POST", data: data, contentType: false, processData: false, dataType: "json", success: function (rs) { var t = eval(rs); alert(t.msg); } }); evt.preventDefault(); });
FileUploadHandler.ashx中的代码
<%@ WebHandler Language="C#" Class="FileUploadHandler" %> using System; using System.Web; public class FileUploadHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { if (context.Request.Files.Count > 0) { HttpFileCollection files = context.Request.Files; for (int i = 0; i < files.Count; i++) { HttpPostedFile file = files[i]; string fname = context.Server.MapPath("/") + file.FileName; file.SaveAs(fname); } context.Response.ContentType = "text/plain";
string json = "{\"success\":\"true\",\"result\":\"success\",\"msg\":\"上传成功\"}"; context.Response.Write(json ); } } public bool IsReusable { get { return false; } } }
最后效果如下:
相关文章推荐
- asp.net 中使用JQuery Ajax 上传文件
- ASP.NET使用JQUERY AJAX文件上传DEMO_异步文件上传例子
- 截获asp.net上传文件过大IIS报错的Httpmodule代码 --方便以后使用
- ASP.NET同时上传多个文件,和不使用HTMLFileInput上传的方法(resource about file upload)
- ASP.NET 2.0使用FileUpload控件上传文件示例
- Asp.NET使用HTML控件上传文件
- Asp.Net Mvc使用Ajax.BeginForm上传文件Request.Files始终为empty
- 使用WinInet向 ASP.Net Web服务器 多线程上传文件
- ASP.NET上传下载文件,使用TransmitFile方法实现下载。
- ASP.NET 2.0使用FileUpload控件上传文件示例
- 在UpdatePanel上使用FileUpload上传文件 (asp.net C#)
- asp.net slickupload 使用方法(文件上传)
- asp.net下使用DIME协议上传文件
- Asp.NET大文件上传组件开发总结(六)---大文件上传组件使用说明
- 使用ASP.NET上传多个文件到服务器
- ASP.NET使用FileUpload上传文件
- ASP.Net文件上传研究开篇之—— 不使用服务器控件的文件上传
- asp.net使用FtpWebRequest向ftp上传文件报错 基础连接已经关闭: 服务器提交了协议冲突
- 使用ASP.NET上传多个文件到数据库
- 怎样在ASP.NET中使用VB.NET上传大文件