新しいFormDataに配列値を追加する方法は？フォームの送信に

Question

は、私はファイルを含むデータを収集するためにjQueryを使用し、使用してフォームの値のいるFormDataオブジェクトを作成しています：

var formData = new FormData($("form#formid")[0]); 

をどのように私は別の値を追加し、それがこれにキーのオブジェクトFORMDATAことができますか？

Answer 1

var formData = new FormData($("form#formid")[0]); 
formData.append("key", "value") 

あなたは、フォーム内のすべてのフィールドを反復処理し、非常に簡単にFormDataに、このようにそれらを追加することができますhttps://developer.mozilla.org/en/XMLHttpRequest/FormData

Answer 2

を参照してください）

var formData = new FormData(); 
$("form#edit-account").serializeArray().forEach(function(field) { 
    formData.append(field.name, field.value) 
});​ 

Answer 3

$('form').submit(function (e) { 
var data; 

data = new FormData(); 
data.append('file', $('#file')[0].files[0]); 

$.ajax({ 
    url: 'http://hacheck.tel.fer.hr/xml.pl', 
    data: data, 
    processData: false, 
    type: 'POST', 
    success: function (data) { 
     alert(data); 
    } 
}); 

e.preventDefault(); 

を};

Answer 4

var data = new FormData(), 
    fields = $("#myForm").serializeArray(); 

$.each(fields, function(i, field) { 
    data.append(field.name, field.value); 
}); 

Answer 5

FormData.set()も使用できます。

FormData.set及び追加（）との差が 指定されたキーが既に存在する場合、FormData.set）は、一方（追加、新しいものと既存のすべての 値を上書きする新しい値を追加することである 既存の値セットの最後に追加します。

構文：

formData.set(name, value);