[javascript] Dropzone.js에서 파일 업로드 시 요청 헤더를 설정하는 방법은 무엇인가요?
먼저, Dropzone 인스턴스를 초기화한 후에, sending
이벤트를 사용하여 헤더를 설정할 수 있습니다. 아래는 간단한 예제 코드입니다.
// Dropzone 인스턴스
var myDropzone = new Dropzone("#my-dropzone", {
url: "/upload",
method: "post"
});
// 파일을 보내기 전에 요청 헤더를 설정합니다
myDropzone.on("sending", function(file, xhr, formData) {
xhr.setRequestHeader("Authorization", "Bearer yourAuthToken");
formData.append("additionalData", "some value");
});
이 예제에서 sending
이벤트 핸들러에서 xhr.setRequestHeader
를 사용하여 Authorization 헤더를 설정하고, formData.append
를 사용하여 추가적인 데이터를 전송할 수 있습니다.
위 코드에서 "Authorization", "Bearer yourAuthToken"
부분은 사용자의 실제 토큰 값으로 대체되어야 합니다. 또한, "additionalData", "some value"
부분은 필요에 따라 추가적인 데이터를 설정할 수 있습니다.
이제 Dropzone.js를 사용하여 파일을 업로드하면 설정한 요청 헤더가 함께 전송될 것입니다.