ajax 提交form表單的 文件上傳

搞文件上傳,要麼使用 文件上傳控件! 先異步上傳之後獲取上傳之後的文件內容,最後再把 文件信息和其他相關內容一起提交給後臺。

要麼就是一個 form表單 ,把文件和其他信息一把都傳向後臺! 

但是form表單上傳之後, 往往都是會跳轉頁面的。

所以就想要 可以ajax 上傳文件。

百度了一下,沒想到還真的有:

可以參考

https://www.cnblogs.com/LoveTX/p/7081515.html

var fd = new FormData();
    fd.append('id', $("#id").val());
    //fd.append('sealPicPathFile', $("#sealPicPathFile").val()); 不可以這樣
	fd.append('sealPicPathFile', document.getElementById("sealPicPathFile").files[0]);
	fd.append('limitAmount', $("#limitAmount").val());
	fd.append('orderNum', $("#orderNum").val());
	fd.append('type', $("#type").val());
	
	$.ajax({
		url:'/admin/contract/guaranteecompany/save',
		data: fd ,
		type:'post',
		dataType: 'json',
		processData:false,  //tell jQuery not to process the data
        contentType: false,  //tell jQuery not to set contentType
		success:function(request){
			console.log(JSON.stringify(request));
			if(request.message == "OK"){
				 alertMsg.correct("保存成功");
				// $("#btnBack").click();
			}else{
				 alertMsg.info("保存失敗," + request.message);
			}
		}
	});

後臺代碼就想 之前 使用 form表單 提交一樣的。不需要改動

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章