基于jQuery Ajax实现上传文件


Posted in Javascript onMarch 24, 2016

本文实例为大家分享了基于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上传操作汇总》,进行深入学习和研究。

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
javascript实现页面滚屏效果
Jan 17 Javascript
vue组件间通信解析
Mar 01 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
微信小程序页面开发注意事项整理
May 18 Javascript
js实现日期显示的一些操作(实例讲解)
Jul 27 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 #Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 #Javascript
JavaScript驾驭网页-CSS与DOM
Mar 24 #Javascript
JavaScript驾驭网页-DOM
Mar 24 #Javascript
常用的JQuery函数及功能小结
Mar 24 #Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 #Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 #Javascript
You might like
PHP+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
php实现RSA加密类实例
2015/03/26 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
快速解决PHP调用Word组件DCOM权限的问题
2017/12/27 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
nodeJS实现简单网页爬虫功能的实例(分享)
2017/06/08 NodeJs
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
Vue实例的对象参数options的几个常用选项详解
2019/11/08 Javascript
微信小程序实现滚动加载更多的代码
2019/12/06 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
跟老齐学Python之print详解
2014/09/28 Python
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
html5服务器推送_动力节点Java学院整理
2017/07/12 HTML / CSS
如何在存储过程中使用Loop
2016/01/05 面试题
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
董事长助理工作总结2015
2015/07/23 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
SQL Server作业失败:无法确定所有者是否有服务器访问权限的解决方法
2021/06/30 SQL Server