ajax 提交form表單的 檔案上傳
阿新 • • 發佈:2018-12-07
搞檔案上傳,要麼使用 檔案上傳控制元件! 先非同步上傳之後獲取上傳之後的檔案內容,最後再把 檔案資訊和其他相關內容一起提交給後臺。
要麼就是一個 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表單 提交一樣的。不需要改動