[javascript] Dropzone.js를 사용하여 파일 업로드 시 사용자 정의 헤더를 추가하는 방법은 무엇인가요?
아래는 이를 구현한 예제 코드입니다.
먼저, HTML에서 Dropzone를 초기화하고 파일 업로드를 사용할 form을 만듭니다.
<form id="myDropzone" action="/file-upload" class="dropzone"></form>
다음으로, JavaScript에서 Dropzone 구성(configuration)을 정의하고 사용자 정의 헤더를 추가합니다.
// Dropzone 구성(configuration) 정의
Dropzone.options.myDropzone = {
url: "/file-upload",
headers: {
"Authorization": "Bearer YourAuthToken",
"Custom-Header": "CustomValue"
}
};
위의 코드에서, headers
객체에는 사용자가 정의한 헤더가 포함되어 있습니다. 이렇게 설정하면 파일이 업로드될 때, 해당 헤더가 함께 전송됩니다.
이렇게 하면 Dropzone.js를 사용하여 파일을 업로드할 때 사용자 정의 헤더를 손쉽게 추가할 수 있습니다.