手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jQuery Ajax实现上传文件
基于jQuery Ajax实现上传文件
摘要:本文实例为大家分享了基于jQueryAjax实现上传文件的关键代码,供大家参考,具体内容如下JS代码://保存functionbtnAdd(...

本文实例为大家分享了基于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实现上传文件】相关文章:

javascript实现行拖动的方法

jQuery实现强制cookie过期方法汇总

基于jQuery实现的无刷新表格分页实例

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

基于jquery实现下拉框美化特效

AngularJS向后端ASP.NET API控制器上传文件

jQuery实现返回顶部效果的方法

jQuery获取上传文件的名称的正则表达式

jQuery使用zTree插件实现树形菜单和异步加载

jQuery实现dialog设置focus焦点的方法

精品推荐
分类导航