JavaScript : How to inspect FormData

Jika kalian seorang frontend developer pasti tidak asing dengan FormData. Yups FormData digunakan untuk mengirimkan data ke dalam server terutama jika data tersebut mengandung file / gambar.

Tapi permasalahannya adalah bagaimana cara kita melakukan inspect / debugging FormData tersebut sebelum dikirimkan ke server ?.

Berikut ini cara yang bisa kalian coba.

Terima Kasih.

Dilihat sebanyak 5.153 kali

JavaScript

SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.

SOLUTION : 1

Sejak Maret 2016 browser seperti Chrome dan Firefox bisa menggunakan formData.entries() untuk melakukan inspect / debugging isi yang ada di dalam FormData.

Contohnya seperti berikut ini.

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ' : ' + pair[1]); 
}

Terima Kasih.