基于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焦点图实例代码
Nov 25 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
详解JavaScript对象和数组
Dec 03 Javascript
Javascript技术栈中的四种依赖注入详解
Feb 23 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
JavaScript实现tab栏切换效果
Mar 16 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 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抽象类 介绍
2012/06/13 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
遍历jquery对象的代码分享
2011/11/02 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
jQuery之Deferred对象详解
2014/09/04 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
2015/09/21 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
Ajax与服务器(JSON)通信实例代码
2016/11/05 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
JS实现简单的二元方程计算器功能示例
2017/01/03 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
2019/11/06 Javascript
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
python re模块的高级用法详解
2018/06/06 Python
在PyCharm中三步完成PyPy解释器的配置的方法
2018/10/29 Python
python的继承知识点总结
2018/12/10 Python
Python3最长回文子串算法示例
2019/03/04 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
python实现取余操作的简单实例
2020/08/16 Python
Python txt文件如何转换成字典
2020/11/03 Python
互动出版网:专业书籍
2017/03/21 全球购物
质量工程师岗位职责
2013/11/16 职场文书
医疗纠纷协议书
2014/04/16 职场文书
差生评语大全
2014/05/04 职场文书
房产遗嘱范本
2015/08/06 职场文书
文艺有韵味的诗句(生命类、亲情类...)
2019/07/11 职场文书
vue中data里面的数据相互使用方式
2022/06/05 Vue.js