1. 程式人生 > >ajax 提交form表單的 檔案上傳

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表單 提交一樣的。不需要改動