목차

1. 요구 사항
2. 파일 업로드를 위한 자바스크립트
3. 예제 코드
4. 마무리

1. 요구 사항

파일을 업로드하기 위해 HTML <input type="file"> 요소를 사용하여 사용자가 파일을 선택할 수 있도록 해야 합니다. 또한 선택한 파일을 서버에 전송해야 합니다.

2. 파일 업로드를 위한 자바스크립트

자바스크립트를 사용하여 파일을 업로드할 때, FormData 객체를 사용하여 파일을 서버에 전송하는 방법이 일반적입니다.

3. 예제 코드

아래는 간단한 예제 코드입니다. 이 예제 코드는 <input type="file"> 요소를 사용하여 파일을 선택하고, 선택한 파일을 서버에 전송하는 방법을 보여줍니다.

document.getElementById('fileInput').addEventListener('change', function() {
  var file = this.files[0];
  var formData = new FormData();
  formData.append('file', file);

  // 서버에 파일 전송
  fetch('/upload', {
    method: 'POST',
    body: formData
  })
  .then(response => {
    // 파일 전송 완료 후 처리
  })
  .catch(error => {
    // 에러 처리
  });
});

4. 마무리

자바스크립트를 사용하여 파일을 업로드하는 방법에 대해 간단히 살펴보았습니다. 이를 통해 웹 애플리케이션에서 파일 업로드 기능을 구현하는 데 도움이 되었기를 바랍니다.

참고 자료:

• MDN web docs - FormData
• MDN web docs - Fetch API