ajax 提交form表單的 文件上傳

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

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

可是form表單上傳以後, 每每都是會跳轉頁面的。java

因此就想要 能夠ajax 上傳文件。ajax

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

能夠參考app

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表單 提交同樣的。不須要改動post

相關文章
相關標籤/搜索