javascriptを使用してformData（）をクリア/リセットします

Question

私は以下のformDataを使用して結果を渡します。しかし、ユーザーが複数回データを複製すると、データは複製されます。だから私は任意の値を追加する前にformDataをクリア/リセットする必要があります。

私はf.name = ''のように1つずつ行うことができます。私にはたくさんのキーがあります。問題を解決するためのより良い方法はありますか？

$('input').change(function(){ 
// Create a new formdata but at first have to clear/reset it 
var fd = new FormData(); 
var f = $.canvasResize('dataURLtoBlob', data); 
f.name = file.name; 
fd.append($('#area input').attr('name'), f); 
}) 

Answer 1

それとも、あなたのいるFormDataからあなたの鍵を削除しないであろうenteriesとgurvinder372の答え@delete方法

var entries = formData.entries(); 
for(var pair of entries) 
{ 
    formData.delete(pair[0]); 
} 

Answer 2

を使用して

function clearFormData(fd) 
{ 
    for(var prop in fd) 
    { 
    if (typeof fd[ prop ] != "function") 
    { 
     fd[ prop ] = ""; 
    } 
    } 
} 

別のアプローチを行うことによって、それをFormDataをクリアすることができます空の文字列に設定します。空の文字列は、同じサーバー側ではありません。
たとえば、PHPでif (isset($_POST["yourKey"]))は引き続きtrueに評価されます。

---

最高crossbrowserの方法は、残念ながらあなたの状況に新しいいるFormDataオブジェクトを作成することです。それは現在だけクロームでサポートされていても

fd = new FormData(); 

---

他の可能性は、> = 50とのFirefox> = 39は、formData.set()メソッドを使用することです。
これは、setキーの値を置き換えるか、そのようなキーがない場合は追加します。

var formData = new FormData(); 
formData.append('yourKey', yourValue); 

for (var key of formData.keys()) { 
    // here you can add filtering conditions 
    formData.delete(key) 
    }); 

：> = 50と のFirefox> = 44、あなたがいるFormDataオブジェクトの for .. of formData.keys()と deleteメソッドを使用することができます今すぐ

---

は Chromeで、質問のタイトルに答えるために

またはそのforEachメソッドでも（明らかに同じブラウザのサポートが不十分であるとします）

var formData = new FormData(); 
formData.append('yourKey', yourValue); 

formData.forEach(function(val, key, fD){ 
    // here you can add filtering conditions 
    formData.delete(key) 
    });