var formData = new FormData();//通過append方法添加數(shù)據(jù)

//表單示例
<form id="myForm" action="" method="post">
    <input type="text" name="name">名字
    <input type="password" name="psw">密碼
    <input type="submit" value="提交">
</form>
//方法示例
// 獲取頁(yè)面已有的一個(gè)form表單
var form = document.getElementById("myForm");
// 用表單來初始化
var formData = new FormData(form);
// 我們可以根據(jù)name來訪問表單中的字段
var name = formData.get("name"); // 獲取名字
var psw = formData.get("psw"); // 獲取密碼
// 當(dāng)然也可以在此基礎(chǔ)上，添加其他數(shù)據(jù)
formData.append("token","kshdfiwi3rh");

//通過get(key)/getAll(key)來獲取對(duì)應(yīng)的value
formData.get("name"); // 獲取key為name的第一個(gè)值
formData.get("name"); // 返回一個(gè)數(shù)組，獲取key為name的所有值

//通過append(key, value)來添加數(shù)據(jù)，如果指定的key不存在則會(huì)新增一條數(shù)據(jù)，如果key存在，則添加到數(shù)據(jù)的末尾
formData.append("k1", "v1");
formData.append("k1", "v2");
formData.append("k1", "v3");

//set(key, value)來設(shè)置修改數(shù)據(jù)，如果指定的key不存在則會(huì)新增一條，如果存在，則會(huì)修改對(duì)應(yīng)的value值
formData.append("k1", "v1");
formData.set("k1", "1");
formData.getAll("k1"); // ["1"]

//has(key)來判斷是否對(duì)應(yīng)的key值
formData.append("k1", "v1");
formData.append("k2",null);
 
formData.has("k1"); // true
formData.has("k2"); // true
formData.has("k3"); // false

//delete(key)刪除數(shù)據(jù)
formData.append("k1", "v1");
formData.append("k1", "v2");
formData.append("k1", "v1");
formData.delete("k1");
 
formData.getAll("k1"); // []

//添加數(shù)據(jù)方式見上二。
//processData: false, contentType: false,多用來處理異步上傳二進(jìn)制文件。
 $.ajax({
    url: 'xxx',
    type: 'POST',
    data: formData,                    // 上傳formdata封裝的數(shù)據(jù)
    dataType: 'JSON',
    cache: false,                      // 不緩存
    processData: false,                // jQuery不要去處理發(fā)送的數(shù)據(jù)
    contentType: false,                // jQuery不要去設(shè)置Content-Type請(qǐng)求頭
    success:function (data) {           //成功回調(diào)
        console.log(data);
    }
});

/**
 * 將以base64的圖片url數(shù)據(jù)轉(zhuǎn)換為Blob文件格式
 * @param urlData 用url方式表示的base64圖片
 */
function convertBase64UrlToBlob(urlData) {
    var bytes = window.atob(urlData.split(',')[1]); //去掉url的頭，并轉(zhuǎn)換為byte
    //處理異常,將ascii碼小于0的轉(zhuǎn)換為大于0
    var ab = new ArrayBuffer(bytes.length);
    var ia = new Uint8Array(ab);
    for(var i = 0; i < bytes.length; i++) {
        ia[i] = bytes.charCodeAt(i);
    }
    return new Blob([ab], {
        type: 'image/png'
    });
}