ajax 提交file文件到後臺的兩種方法 ajaxSubmit&FormData

1.ajaxSubmit

需要下載插件jquery.form.js，地址：http://malsup.github.com/jquery.form.js

代碼：

var options={

　　url: "/xxx/後臺方法地址",
　　success: function (data) {
　　　　alert('成功返回處理!');
　　}

}

$("#xx").ajaxSubmit(options); //xx 你form表單的id,或者直接$("form").ajaxSubmit(options);

 

2.FormData

FormData 對象，可以把form中所有表單元素的name與value組成一個queryString，提交到後臺。

代碼： processData、contentType 這兩個是必須的，否則會報illegal invocation的錯誤

var forms = new FormData($("#xx")[0]);
$.ajax({
　　url: "/xx/後臺方法地址",
　　type: "post",
　　data: forms,
　　processData: false,
　　contentType: false,
　　success: function (data) {
　　alert('成功返回處理!');
}
});