FormData+Ajax上傳進度監控（附程式碼）

這次帶給大家FormData+Ajax上傳進度監控（附程式碼），FormData+Ajax上傳進度監控的注意事項有哪些，以下就是實戰案例，一起來看一下。

什麼是FormData？

FormData物件可以組裝一組以 XMLHttpRequest傳送請求的鍵/值對。它可以更靈活方便的發送表單數據，因為可以獨立於表單使用。如果你把表單的編碼類型設定為multipart/form-data ，則透過FormData傳輸的資料格式和表單透過submit() 方法傳輸的資料格式相同；

##如何建立一個FormData物件

你可以自己建立一個FormData對象，然後透過呼叫它的append()方法來新增字段，就像這樣：

//实例化一个formData对象
var formData = new FormData();
formData.append("username", "Groucho");
formData.append("userid", 123456); // 数字 123456 会被立即转换成字符串 "123456"
// HTML上的 文件类型input[type=file]的文件框，由用户选择
formData.append("userfile", fileInputElement.files[0]);
// JavaScript file-like 对象
var content = '<a id="a"><b id="b">hey!</b></a>'; // 新文件的正文...
var blob = new Blob([content], { type: "text/xml"});
formData.append("webmasterfile", blob);

注意：欄位「userfile ” 和“webmasterfile” 都包含一個檔案. 欄位「userid」 是數字類型，它將被FormData.append()方法轉換成字串類型(FormData 物件的欄位類型可以是Blob, File, 或string: 如果它的欄位類型不是Blob也不是File，則會轉換成字串型別。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！ 實作無刷新下拉動的Ajax+Servlet（附程式碼）

#怎麼用Ajax非同步檢查使用者名稱有無重複

#

以上是FormData+Ajax上傳進度監控（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！