[javascript] Dropzone.js에서 파일 업로드 중 일부 파일만 허용하는 방법은 무엇인가요?

먼저 HTML 파일에서 Dropzone.js를 초기화하고 accept 옵션을 추가합니다.

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone" enctype="multipart/form-data"></form>

그런 다음 JavaScript에서 Dropzone을 초기화하고 accept 옵션을 설정합니다.

Dropzone.options.myAwesomeDropzone = {
  paramName: "file", // form 데이터의 이름
  maxFilesize: 2, // 파일 크기 제한 (MB)
  acceptedFiles: "image/*", // 이미지 파일만 허용
};

이제 Dropzone.js를 사용하여 이미지 파일만 업로드할 수 있게 됩니다.

참고 자료: