Every Qiita #4
のんびり独学初学者の毎日投稿チャレンジ 4日目
今回は・・・
自作コミュニティアプリ開発でフォームデータの中身をjavascriptで確認する際に躓いた時の備忘録です

##FormDataで送られたデータを確認したい

index.js

const 任意の変数 = document.getElementById('任意のid');
定義した変数.addEventListener("イベント", function(event){
const data = 定義した変数.files[0];//input type=fileの場合
const form_data = new FormData();
form_data.append("任意のname",data);

FormDataインスタンスを作成するとinputから送られてきたデータを取得することができます。
何が送られているのか確認したいので、

console.log(form_data);

結果: FormData{}
あれ？
確認できない・・・

###修正後

console.log(...form_data.entries());

結果： ["image",File]
0: "image"
1: File {name: "画像名.png"}
length: 2
確認できました！
オブジェクトなので、関数使って中身確認しないといけないみたいです。