基于jQuery Ajax实现上传文件
作者:bea
本文实例为大家分享了基于jQuery Ajax实现上传文件的关键代码,供大家参考,具体内容如下 JS代码: //保存function btnAdd() { var formData = new FormData($("#frm")[0]); $.ajax({ url: "/Admin/ContentManage/SaveEdit", type: "POST", data: formData, contentType: false, //必须false才会避开jQ
本文实例为大家分享了基于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常用的一些技巧汇总
- javascript拖拽应用实例(二)
- 几种经典排序算法的JS实现方法
- javascript拖拽应用实例
- JavaScript学习笔记之创建对象
- JS实现的颜色实时渐变效果完整实例
- JavaScript学习笔记之ES6数组方法
- JS实现点击登录弹出窗口同时背景色渐变动画效果
- JS实现响应鼠标点击动画渐变弹出层效果代码
- JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
- JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
- JavaScript修改作用域外变量的方法
- JavaScript 2048 游戏实例代码(简单易懂)
- JavaScript入门系列之知识点总结
- JS实现支持Ajax验证的表单插件
- 拥有一个属于自己的javascript表单验证插件
- jquery zTree异步加载、模糊搜索简单实例分享
- js+css实现select的美化效果