基于jQuery Ajax实现上传文件

Yasmin ·
更新时间:2024-11-10
· 931 次阅读

本文实例为大家分享了基于jQuery Ajax实现上传文件的关键代码,供大家参考,具体内容如下

JS代码:

//保存 function btnAdd() { var formData = new FormData($("#frm")[0]); $.ajax({ url: "/Admin/ContentManage/SaveEdit", type: "POST", data: formData, contentType: false, //必须false才会避开jQuery对 formdata 的默认处理 XMLHttpRequest会对 formdata 进行正确的处理 processData: false, //必须false才会自动加上正确的Content-Type success: function (data) { if (data == "OK") { alert("保存成功"); $.iDialog("close"); //刷新父页面 } else { alert("保存失败:" + data); } } }); }

ASP.NET MVC后台代码:

//首先判断路径是否存在,不存在则创建路径 string path = Path.Combine(System.Configuration.ConfigurationManager.AppSettings["UploadsFiles"], folder + "/" + DateTime.Now.ToString("yyyyMMdd") + "/"); string physicalPath = server.MapPath(path); if (!Directory.Exists(physicalPath)) { Directory.CreateDirectory(physicalPath); } HttpPostedFileBase file = request.Files[0]; string newFileName = Guid.NewGuid().ToString().Replace("-", "") + Path.GetExtension(file.FileName); string savePath = Path.Combine(physicalPath, newFileName); file.SaveAs(savePath); fileName = file.FileName; string url = Path.Combine(path, newFileName); return url;

更多精彩内容,请点击《jQuery上传操作汇总》,进行深入学习和研究。



jquery ajax 上传文件 jQuery AJAX

需要 登录 后方可回复, 如果你还没有账号请 注册新账号