FormData用法詳解

formdata 物件：

1、建立乙個空物件

2、使用已有表單來初始化物件

//表單示例//方法示例

// 獲取頁面已有的乙個form表單
var form = document.getelementbyid("myform");
// 用表單來初始化
var formdata = new formdata(form);
// 我們可以根據name來訪問表單中的字段
var name = formdata.get("name"); // 獲取名字
var psw = formdata.get("psw"); // 獲取密碼
// 當然也可以在此基礎上，新增其他資料

如果是使用表單初始化，每乙個表單字段對應一條資料，它們的html name屬性即為key值，它們value屬性對應value值。

1.獲取值

//通過get(key)/getall(key)來獲取對應的value

formdata.get("name");// 獲取key為name的第乙個值
formdata.get("name");// 返回乙個陣列，獲取key為name的所有值

formdata.get("k1"); //

"v1"
formdata.getall("k1"); // ["v1","v2","v3"]

//set(key, value)來設定修改資料，如果指定的key不存在則會新增一條，如果存在，則會修改對應的value值

formdata.set("k1", "1");
formdata.getall("k1"); // ["1"]

//has(key)來判斷是否對應的key值

formdata.has("k1"); // true
formdata.has("k2"); // true
formdata.has("k3"); // false

//delete(key)刪除資料

formdata.delete("k1");
formdata.getall("k1"); // 

//新增資料方式見上二。

//processdata: false, contenttype: false,多用來處理非同步上傳二進位制檔案。
$.ajax(
});

/**

* 將以base64的url資料轉換為blob檔案格式
* @param urldata 用url方式表示的base64
*/function convertbase64urltoblob(urldata) 
return
new blob([ab], );
}

FormData用法詳解

text name name 名字 password name password 密碼 form 建立formdata空物件 var formdata newformdata 根據form標籤的id，獲取form表單元素 var myform document.getelementbyid form...

FormData使用方法詳解

formdata的主要用途有兩個 將form表單元素的name與value進行組合，實現表單資料的序列化，從而減少表單元素的拼接，提高工作效率。非同步上傳檔案 通過formdata建構函式建立乙個空物件 var formdata new formdata 通過get方法對值進行讀取 console....

FormData使用方法詳解

formdata的主要用途有兩個 1 將form表單元素的name與value進行組合，實現表單資料的序列化，從而減少表單元素的拼接，提高工作效率。2 非同步上傳檔案1 建立乙個空物件 通過formdata建構函式建立乙個空物件 var formdata new formdata 通過get方法對值...