먼저, HTML 파일에서 Dropzone.js를 초기화하고 추가 데이터를 전송하기 위한 폼 요소를 만들어야 합니다.

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

다음으로, JavaScript에서 Dropzone 인스턴스를 생성하고 sending 이벤트를 사용하여 추가 데이터를 전송할 수 있습니다.

// Dropzone 설정 및 추가 데이터 전송
Dropzone.options.myAwesomeDropzone = {
  url: "/file-upload",
  // 파일 업로드 요청 보내기 전에 호출되는 함수
  sending: function (file, xhr, formData) {
    // 추가 데이터를 formData에 추가
    formData.append('additionalData', 'value');
  }
};

이제 파일을 업로드할 때 추가 데이터도 함께 서버로 전송됩니다. 위의 예제에서는 additionalData라는 이름으로 value라는 값을 전송하도록 설정되어 있습니다. 실제로 전송해야 하는 데이터에 따라 이름과 값을 적절히 변경해주시면 됩니다.

참고 문헌:

• Dropzone.js 공식 문서: https://www.dropzonejs.com/#configuration-options