基于jQuery Ajax实现上传文件

 更新时间:2016年03月24日 13:54:57   作者:秋荷雨翔  
这篇文章主要为大家详细介绍了jQuery Ajax上传文件的相关代码,需要的朋友可以参考下

本文实例为大家分享了基于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自定义插件——window的实现【示例代码】

    jquery自定义插件——window的实现【示例代码】

    下面小编就为大家带来一篇jquery自定义插件——window的实现【示例代码】。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • JQuery常用简单动画操作方法回顾与总结

    JQuery常用简单动画操作方法回顾与总结

    这篇文章主要介绍了JQuery常用简单动画操作方法,回顾与总结了jQuery常用的各种动画效果操作方法及相关使用技巧,需要的朋友可以参考下
    2019-12-12
  • jQuery中slidedown与slideup方法用法示例

    jQuery中slidedown与slideup方法用法示例

    这篇文章主要介绍了jQuery中slidedown与slideup方法用法,结合实例形式分析了jQuery基于slidedown与slideup方法实现页面元素展开与折叠的实现技巧,需要的朋友可以参考下
    2016-09-09
  • jQuery EasyUI右键菜单实现关闭标签/选项卡

    jQuery EasyUI右键菜单实现关闭标签/选项卡

    这篇文章主要介绍了jQuery EasyUI右键菜单实现关闭标签/选项卡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • jquery实现弹出窗口效果的实例代码

    jquery实现弹出窗口效果的实例代码

    这篇文章主要介绍了jquery实现弹出窗口效果的实例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • jQuery复合事件结合toggle()方法的用法示例

    jQuery复合事件结合toggle()方法的用法示例

    这篇文章主要介绍了jQuery复合事件结合toggle()方法的用法,实例分析了toggle()方法的功能、定义以及与复合事件结合使用的操作技巧,需要的朋友可以参考下
    2017-06-06
  • jQuery实现的导航下拉菜单效果

    jQuery实现的导航下拉菜单效果

    这篇文章主要介绍了jQuery实现的导航下拉菜单效果,涉及jQuery响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

    jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法

    这篇文章主要介绍了jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法,实例分析了jquery.nicescroll插件实现图片拖拽效果的方法,需要的朋友可以参考下
    2015-08-08
  • jQuery中的jQuery()方法用法分析

    jQuery中的jQuery()方法用法分析

    这篇文章主要介绍了jQuery中的jQuery()方法用法,以实例形式较为详细的分析jQuery()方法的四种常见语法结构与用法技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 精心挑选的15款优秀jQuery 本特效插件和教程

    精心挑选的15款优秀jQuery 本特效插件和教程

    今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理,动画以及Ajax交互,帮助 Web 开发人员更快速的实现各种精美的界面效果
    2012-08-08

最新评论