Jquery.form 是 JQuery 官方推薦的一個用于處理表單提交的插件。它可以用于異步提交、上傳文件等常見場景。
當我們需要在表單中添加附件上傳功能時,可以使用該插件快速完成相關代碼的編寫。
// HTML 代碼// JS 代碼 $("#form1").ajaxForm({ url: "/uploadfile", // 后臺接口地址 type: "post", // 提交方式 dataType: "json", // 后臺返回數據類型 beforeSend: function() { // 提交前操作 }, success: function(data) { // 提交成功操作 }, error: function() { // 提交失敗操作 } });
在 HTML 代碼中,我們使用了 input 標簽的 type 屬性為 file,讓用戶可以選擇上傳的文件。
在 JS 代碼中,我們通過 ajaxForm 方法將表單與后臺接口進行綁定。其中 url、type 和 dataType 分別表示要提交到的地址、提交方法和后臺返回數據類型。
完成上述代碼后,用戶選擇好要上傳的文件后,使用 submit 按鈕觸發表單提交操作即可開始上傳文件。
如果需要在提交前和提交后進行相關操作,可以在 beforeSend 和 success、error 參數中添加相關代碼。