가장 흔한 방법은 File 객체의 type 속성을 사용하는 것입니다. 이를 사용하면 브라우저가 파일의 MIME 타입을 자동으로 감지하여 제공합니다.

아래는 간단한 예제 코드입니다.

const inputElement = document.getElementById("fileInput");

inputElement.addEventListener("change", function() {
  const file = inputElement.files[0];
  console.log("파일의 MIME 타입:", file.type);
});

이 코드는 inputElement에 파일이 업로드되면 해당 파일의 MIME 타입을 콘솔에 출력합니다. 이 방법을 사용하면 자바스크립트로 파일의 MIME 타입을 쉽게 확인할 수 있습니다.

이 외에도 FileReader API를 사용하여 파일의 내용을 읽은 후 특정 헤더를 분석하여 MIME 타입을 확인할 수도 있습니다.

자세한 내용은 MDN 웹 문서(https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/file)를 참고하시기 바랍니다.