FormData是一種用于在Web瀏覽器中構造鍵值對的新的HTML5對象。在jQuery中使用FormData對象來上傳二進制文件非常方便。
$(document).ready(function(){ $("#uploadform").on("submit", function(e){ e.preventDefault(); var formData = new FormData(this); $.ajax({ url: "upload.php", type: "POST", data: formData, processData: false, contentType: false, success: function(response){ console.log(response); }, error: function(xhr, status, error){ console.log(xhr.responseText); } }); }); });
上述代碼片段使用了jQuery來上傳文件。首先,我們需要在表單上使用submit事件。當提交表單時,我們通過FormData對象來構建數據,并向服務器發(fā)送AJAX請求。在這個例子中,我們需要設置processData和contentType屬性為false,以避免在發(fā)送文件數據時出現問題。
此外,可以使用FormData對象的append()方法添加任意鍵值對數據,而不只是文件數據。
var formData = new FormData(); formData.append("username", "JohnDoe"); formData.append("password", "123456");
以上代碼片段創(chuàng)建了一個FormData對象,并向其中添加了兩個鍵值對。這些數據可以向服務器發(fā)送AJAX請求,以便在服務器端進行驗證或處理應用程序邏輯。