[javascript] Dropzone.js에서 파일 업로드 시 서버에 추가 정보를 함께 전송하는 방법은 무엇인가요?

18 Dec 2023

javascript

먼저, Dropzone 인스턴스를 생성하고, init 이벤트를 사용하여 이벤트 리스너를 추가합니다.

var myDropzone = new Dropzone("#my-dropzone", {
  url: "/file/post",
  paramName: "file", // 파일 이름
  maxFilesize: 5, // 최대 파일 크기는 5MB로 가정
  init: function() {
    this.on("sending", function(file, xhr, formData) {
      // 추가 정보를 formData에 추가
      formData.append("additionalData", "Any additional data you want to send");
    });
  }
});

위 코드에서 sending 이벤트 핸들러를 사용하여 파일이 서버로 전송되기 전에 추가 정보를 formData에 추가할 수 있습니다. 이제 파일 및 추가 정보가 함께 서버로 전송됩니다.

더 자세한 내용은 Dropzone.js 공식 문서를 참조하세요.