아래는 이미지 파일만 허용하는 Dropzone.js 구성 예제입니다.

// Dropzone 초기화
Dropzone.autoDiscover = false;
const myDropzone = new Dropzone("#my-dropzone", {
  url: "/file-upload",
  acceptedFiles: "image/*",
  // 다른 설정 옵션들...
});

위 예제에서 acceptedFiles: "image/*"는 image/*로 시작하는 모든 파일을 허용하도록 설정하는 것입니다. 즉, 이미지 파일만 허용하게 됩니다. 다른 파일 유형을 허용하려면 쉼표로 구분하여 추가하면 됩니다.

이렇게 설정하면 Dropzone가 업로드되는 파일이 이미지인지 자동으로 확인하고, 이미지 파일만 업로드하도록 제한할 수 있습니다.

이렇게 Dropzone.js를 설정하면 Dropzone 영역에 이미지 파일 이외의 파일을 드래그하여 업로드하려고 하면 Dropzone가 해당 파일을 거부하게 됩니다.

참고문헌:

• Dropzone.js 공식 문서: https://www.dropzonejs.com/#configuration-options
• MDN 웹 문서: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers