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-Typesuccess: function (data) {if (data == "OK") {alert("保存成功");$.iDialog("close"); //刷新父页面
            }else {alert("保存失败：" + data);}}});
}

View Code

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;

View Code

转载于:https://www.cnblogs.com/s0611163/p/5307890.html

jQuery Ajax上传文件相关推荐

flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
Jquery+ajax上传文件
前言: 之前做文件操作都是直接通过表单提交的,这几天做了一个前台用jquery+ajax上传文件,后台用MVC接受文件,由于第一次用jquery+ajax做上传文件,所以用来写个博客.方便以后直接用. ...
jquery ajax 上传文件 demo,Jquery+AJAX上传文件，无刷新上传并重命名文件
index.html Ajax上传图片 Ajax上传图片 function upload(){ var form = new FormData(document.getElementById(&quo ...
jquery ajax 上传文件报错,jQuery ：ajaxfileupload+Struts2 文件上传，报错data undefined
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 Error: Permission denied to access property "document" Resource int ...
symfony ajax,如何在php或symfony中使用jQuery ajax上传文件
用传统的方式发送文件是一种简单的任务(表单, 文件输入和提交按钮).但是, 当我们想使用javascript进行操作时并不是那么容易, 也不是那么直观.要完成此任务, 我们需要jQuery(或使用xm ...
上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小
html js function getFileType(filePath){ //获取文件的后缀名 var startIndex = filePath.lastIndexOf(".&quo ...
ajax上传 java,javaWeb中使用ajax上传文件
javaWeb上传图片上传文件所必要的两个jar包:commons-fileupload.jar.commons-io.jar. 核心代码: String withPath = req.getSer ...
angular文件上传php,ajax jquery angular 上传文件与分隔上传
简单总结下 #ajax上传文件 var xmlhttp = new XMLHttpRequest(); xmlhttp.open("POST", "2.php" ...
jquery form插件(ajax)上传文件实现及原理
原理: jquery form插件ajax上传文件的原理, 1.浏览器实现了XMLHttpRequest level2规范的,则插件使用xhr直接提交文件.通常来说chrome.firefox都实现了 ...

jQuery Ajax上传文件

jQuery Ajax上传文件相关推荐

最新文章

热门文章