[Javascript] FormData()의 데이터 확인하기

 

파일 업로드 구현 중, 데이터를 실어보낼 formdata에 데이터를 넣고 console.log()로 조회했지만 출력되지 않았다.

예전에도 같은 경험을 한 적이 있는데 놀랍게도 어떻게 출력했는지 전혀 기억나지 않았다.

 

돌인가봐

앞으론 기억하자!

 

 

 

---

 

 

[방법 1.]
submit() {
  let data = new FormData();
  this.fileList.forEach((obj, idx) => {
    data.append("files", obj);
  })

  // key 조회
  for (let key of data.keys()) {
    console.log(key);
  }

  // value 조회
  for (let value of data.values()) {
    console.log(value);
  }
}

[방법 2.]
submit() {
  let data = new FormData();
  this.fileList.forEach((obj, idx) => {
    data.append("files", obj);
  })
  
  // key, value 함께 조회
  for (let file of data.entries()) {
    console.log(file[0], ' / ', file[1]);
  }
}

 

 

출처

FormData 값(keys, values) console에서 확인하는 방법

 

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.